vite+vue3+ts 报错和解决办法汇总

1. import path from 'path' 时 ts 报错:模块 ""path"" 只能在使用 "allowSyntheticDefaultImports" 标志时进行默认导入。

在 tsconfig.node.json 文件的 compilerOptions 添加配置 "allowSyntheticDefaultImports": true

vite+vue3+ts 报错和解决办法汇总_第1张图片

2. main.ts 文件报错:Cannot find module ‘vue’. Did you mean to set the ‘moduleResolution’ option to ‘node’, or to add aliases to the ‘paths’ option?
tsconfig.app.json 文件报错:在没有 “node” 模块解析策略的情况下,无法指定选项 “-resolveJsonModule”。

vite+vue3+ts 报错和解决办法汇总_第2张图片

vite+vue3+ts 报错和解决办法汇总_第3张图片

解决办法:

在 tsconfig.app.json 文件的 compilerOptions 下配置 "moduleResolution": "node" 就可以了。这将告诉TypeScript使用Node.js的模块解析方式来查找模块。

配置已经加了,但引入 vue-router 地方的报错还在:

 这时你可以重启一下VSCode就不会报错了。

你可能感兴趣的:(typescript,typescript,javascript,前端)