学习redux vite项目+ts+React 笔记总结

1、初始化报错 react

初始化 ts 项目之后 react 导入之后会，会有警告 React' is declared but its value is never read.

解决方案： 在 ts.config 中添加

{
  "compilerOptions": {
     "jsx": "react"
  }
}

2、vite 配置解决跨域

启动两个项目 mock json 数据 去调接口 在 vite 配置解决跨域问题

解决方案：

在 vite 中 server 中配置代理 可以解决
在另外一个项目中设置允许跨域：

cors: true;

headers: * 或者 { "Access-Control-Allow-Origin": "http://localhost:8000" }

3、src / @ 获取 src 目录下 的内容

开发环境 使用 src / @ 获取 src 目录下 的内容，需要做哪些配置

解决方案：

需要配置 tsconfig.json 和 vite.config.json 中配置

tsconfig.json 中 配置如下，结局开发过程中 ts 校验报错

  "compilerOptions": {
    "paths": {
      "src": ["./src"]
    },
  }

在 vite.config.json 中配置如下 结局开发环境识别 src 时定位到相对路径下的 src 目录

export default defineConfig({
  resolve: {
    alias: [{ find: 'src', replacement: resolve(__dirname, './src') }, { find: '@', replacement: resolve(__dirname, './src') }],
  }
}

3、

问题处理

解决方案：

解决方案

3、

问题处理

解决方案：

解决方案