vue3 引入组件报错Cannot find module './components/Person' or its corresponding type declarations.
检查了路径正确,文件存在,Perosn.vue
文件内部没有任何报错。
所以为啥找不到文件啊?
这个报错让我很迷惑。百度了一堆解决方案:
- 卸载或禁用
Vetur
插件。
这个插件是vue 2.x 的插件。
卸载这个插件后,去掉了vs code弹出的提示:In the vue 3 project, The Vue Language Features (Volar) is new recommended ...
如果在vs code的配置文件中有Vetur
的相关配置,也要注释掉。
vue3在引入组件时报has no default export
,意思就是没有进行默认导出。
在vs code 的配置文件中加一个配置:"vetur.validation.script": false
这个配置项是关于vs code的Vetur
插件的设置,用于控制是否启用Vue文件中JavaScript代码的验证。
当设置 "vetur.validation.script": false
时,关闭Vetur
插件对Vue文件中的JavaScript/TypeScript代码进行语法检查。
-
看到有同学提供如下图所示的解决方案,我照着做了,没什么用。我就把这个插件启用了。