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，不然会报语法错误)

• 在package.json里面声明type: “module”，不然处理不了
• 后缀名改为.mjs,告诉Nodejs处理ESModule写法

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