关于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…