关于vite:React-vite2-react17-ts4-项目初始化遇到的问题解决

命令行输出:
npm create vite@latest vite-react-ts –template react-ts
创立我的项目，应用vscode开发我的项目。
(2022年7月15日，当初用vite创立我的项目，默认是react18)

呈现问题
1.编译器不意识门路别名”@”

解决办法:
找到我的项目根目录的tsconfig.json，在compilerOptions下减少

"baseUrl": ".",
"paths": {
  "@/*": ["src/*"]
}

2.vite编译时不意识门路别名”@”
须要在vite.config.ts中plugin、server同级设置一个resolve

具体代码如下

resolve: {
alias: [
  {
    find: '@',
        replacement: path.resolve(__dirname, 'src')
    }
  ]
}

留神：
这里解析门路用到了node，在ts我的项目中，还须要装置@types/node

3.还会报错：
模块 "path"只能在应用 "allowSyntheticDefaultImports" 标记时进行默认导入ts
解决办法:
在根目录tsconfig.node.json中
给 compilerOptions 对象增加 “allowSyntheticDefaultImports”: true

完结。

同步更新到本人的语雀
https://www.yuque.com/diracke…