解决ts报错找不到vue组件,Module “d:src/views/quota/logicpoolinfo/components/add
报一串红真难看,如何解决?多种解决方式,全部搞一遍,必须拿下!!!
- 升级 vite、ts
- 检查 tsconfig.json 配置
- 重启 IDE(插件中确保只启用了 Volar,不要同时启用 Vetur。)
- 检查导入语法
一、升级 vite、ts
npm install vite@latest @vitejs/plugin-vue@latest vue@latest --save-devnpm install typescript@latest --save-dev
没有解决,接着下一步
二、检查 tsconfig.json 配置
确保有如下配置项(重点是 allowSyntheticDefaultImports 和 esModuleInterop):
{"compilerOptions": {"module": "esnext","moduleResolution": "node","allowSyntheticDefaultImports": true,"esModuleInterop": true,"jsx": "preserve","target": "esnext","types": ["vite/client"]}
}
三、插件中确保只启用了 Volar,不要同时启用 Vetur。
同时使用删除一个吧!!!
四、检查导入语法
如果你现在用的是语法糖<script setup> 已经自动导出组件了,直接用 import AddLogicPoolInfoForm from ... 即可,无需额外操作。