vite常识性报错解决方案-个人在线分享

1.导入路径不能以“.ts”扩展名结束。考虑改为导入“xxx.js”

原因：当你尝试从一个以 .ts 结尾的路径导入文件时，ESLint 可能会报告这个错误，因为它期望导入的是 JavaScript 文件（.js 或 .jsx）而不是 TypeScript 文件（.ts 或 .tsx）

解决办法：在项目根目录tsconfig.json文件新增

{ “compilerOptions”: { “allowSyntheticDefaultImports”: true, “noEmit”: true } }

2. 在vite.config.ts里面声明node模块path,报找不到模块“path”或其相应的类型声明

原因：nodejs环境不支持typescript，就给它一个能够找到对应内容的方法或插件

解决方法：pnpm i @types/node -D

3. 运行项目报SyntaxError: Cannot use import statement outside a module

原因：因为项目里面使用ESModule的写法，但运行的环境又是Nodejs，虽然Nodejs支持ESModule,但默认不处理ESModule语法

解决办法：(导入的语法要显示的声明.js或.mjs，不然会报语法错误)

扩展知识：cjs说的是commonjs语法，就是用module.export和require