vite创建vue-ts项目,未添加代码前出现了红色的波浪

224 阅读1分钟

出问题的文件有

  1. main.ts
  2. HelloWorld.vue

1. main.ts

image.png 问题:找不到模块“./App.vue”或其相应的类型声明

解决方案:

1)vscode 2023年有一个新的插件TypeScript Vue Plugin,完美解决

2)在src目录下,新建一个.d.ts文件,加入下面代码

declare module '*.vue' {
  import { defineComponent } from 'vue'
  const Component: ReturnType<typeof defineComponent>
  export default Component
}

重启vscode就好了。

!!!注意,一定要在**src**文件夹下面创建,因为根据ts.config.json"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],配置的内容,ts起到作用的文件是src下的后缀名为.ts/.d.ts/.tsx/.vue 文件

2. HelloWorld.vue

image.png 问题:找不到模块 ‘vue’

解决方法:提示信息已经给答案了,将tsconfig.jsonmoduleResolution改为node