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