React

React

const a = 1

/** @jsxImportSource @emotion/react */
import { css } from '@emotion/react'
import styled from '@emotion/styled'

#Bug

关于 React 或 Vue 的部署问题

在部署上线后, 直接访问 https://xxx.com/about 或在 https://xxx.com/about 页面刷新会显示 404 错误。

这是因为如果 SPA 应用使用 history pushState ，那么必须添加一个重写规则。

解决方法:

• 使用 Hash Router
• 添加重写规则：
  Netlify: 在 public 目录中创建 _redirects 文件并写入 /* /index.html 200

https://docs.netlify.com/configure-builds/javascript-spas/#build-configuration-for-javascript-spas
https://stackoverflow.com/questions/58065603/netlify-renders-404-on-page-refresh-using-react-and-react-router

#Tips

React 中使用 React.componentProps<T> 获取一个组件其属性的类型。

#Bug #Tips

项目中遇到 ESlint 意料之中的报错，导致无法提交等情况时，可以考虑使用:

// eslint-disable-next-line 
//@ts-ignore