目录

 vue3 报错解决：找不到模块或其相应的类型声明。（Vue 3 can not find module）

(TS) 未知的编译器选项“allowImportingTsExtensions”。   

TS6046    (TS) “--moduleResolution”选项的参数必须为 'node', 'classic', 'node16', 'nodenext'。

解决VSCode的Vetur插件has no default export问题

---

 vue3 报错解决：找不到模块或其相应的类型声明。（Vue 3 can not find module）

用 vue3 写一个小组件库，在 ts 文件中引入 .vue 文件时出现以下报错

报错原因：typescript 只能理解 .ts 文件，无法理解 .vue文件

 

解决方法：在项目根目录或 src 文件夹下创建一个后缀为 .d.ts 的文件，并写入以下内容：

declare module '*.vue' {import { ComponentOptions } from 'vue'const componentOptions: ComponentOptionsexport default componentOptions
}

以上解决方式可以解决问题，但是这个文件需要一直打开，不想总是打开 shims-vue.d.ts 来解决 TS 报错?

那么你可以在项目跟目录创建一个 tsconfig.json 文件，文件内容为：

{"compilerOptions": {"target": "esnext","module": "esnext","strict": false,"jsx": "preserve","moduleResolution": "node"}
}

也许就不用再打开 shims-vue.d.ts 了。

 

(TS) 未知的编译器选项“allowImportingTsExtensions”。   

原因：该选项用于控制是否允许在 import 语句中导入 .ts 文件扩展名，它的取值可以是 true 或 false。但是，从 TypeScript 3.8 开始，这个选项已经被废弃了

解决方法：删除allowImportingTsExtensions

TS6046    (TS) “--moduleResolution”选项的参数必须为 'node', 'classic', 'node16', 'nodenext'。

原因：是解析策略之前是Bundler

解决方案：

（1）把tsconfig.json和tsconfig.node.json中的moduleResolution改成node

解决VSCode的Vetur插件has no default export问题

由于有vue2和vue3的项目，本人VSCode同时使用了vetur和volar插件，但是在vue3引入其他模块时，报了错误

Module '"xxxx.vue"' has no default export. 的错误，实际运行时没问题的，但是看得糟心。

翻了下google，只要在设置里，设置
"vetur.validation.script": false

就解决了，这里记录一笔