在main.ts文件中导入vue文件,显示找不到"./App.vue"模块
由于TypeScript只能识别.ts文件,不能识别.vue文件
1.创建xxx.d.ts文件
//shims-vue.d.ts
declare module '*.vue' {
import { ComponentOptions } from 'vue'
const componentOptions: ComponentOptions
export default componentOptions
}
这样子ts就可以识别vue,把xxx.d.ts文件打开然后关闭,报错提示就消失了。一旦重启报错就又出来了,如果觉得麻烦的可以参考第二种方法。
2.使用tsc --init命令
1.安装node.js
2.全局安装typescript
npm install -g typescript
tsc -v //查看是否安装成功,版本号
3.进入文件目录,运行tsc --init命令
tsc --init //这是生成一个tsconfig.json文件
把 tsconfig.json 的内容改为如下内容
{
"compilerOptions": {
"target": "esnext",
"module": "esnext",
"strict": false,
"jsx": "preserve",
"moduleResolution": "node"
}
}