vite+ts vite.config.ts使用path报错问题及解决
作者:yanhhhhhh
这篇文章主要介绍了vite+ts vite.config.ts使用path报错问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
找不到模块path及其相应的声明
问题1
新项目配置vite.config.ts时使用
import path from 'path'
原因分析:path模块是node.js内置的功能,但是node.js本身并不支持typescript,所以直接在typescript项目里使用是不行的
解决方案
安装@types/node
使用npm
npm install @types/node --save-dev
使用pnpm
pnpm i @types/node -D
allowSyntheticDefaultImports
问题2
提示模块 ""path"" 只能在使用 "allowSyntheticDefaultImports" 标志时进行默认导入
解决方案
方式一:在tsconfig.node.json
或者tsconfig.json
添加"allowSyntheticDefaultImports": true
//tsconfig.node.json { "compilerOptions": { "composite": true, "module": "esnext", "moduleResolution": "node", "allowSyntheticDefaultImports": true }, "include": ["vite.config.ts"] }
方式二:
使用解构
import { resolve } from 'path';
vite.config.ts 引入 `path` 模块注意点!
在 vite 初始化项目搭建选择了 TypeScript, 那么避免不了有些 ts 类型检查提示错误,这里说说 import path from 'path'提示 找不到模块“path”或其相应的类型声明。 怎么解决。
解决方式
1、安装 @types/node
pnpm i @types/node -D
2、在 tsconfig.node.json配置
"compilerOptions": { ?? ?... ? ? "allowSyntheticDefaultImports": true ? },
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。