如何解决vue3.0+typescript项目提示找不到模块“./App.vue-Toy模板网

这篇具有很好参考价值的文章主要介绍了如何解决vue3.0+typescript项目提示找不到模块“./App.vue。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

如何解决vue3.0+typescript项目提示找不到模块“./App.vue,typescript,javascript,前端
一、解决方案如下：需在项目目录下加上下面这段代码即可！如果没有vite-env.d.ts目录需要继续往下看

declare module '*.vue' {
  import type { DefineComponent } from 'vue'
  const vueComponent: DefineComponent<{}, {}, any>
  export default vueComponent
}

二、如果没有创建vite-env.d.ts这个文件，需要在和main.ts同级目录创建一个vite-env.d.ts文件，如图
如何解决vue3.0+typescript项目提示找不到模块“./App.vue,typescript,javascript,前端
创建好后，可能你没有tsconfig.json文件，那么你还要新创建一个tsconfig.json文件，代码如下：

{
  "compilerOptions": {
    "target": "ES2020",
    "useDefineForClassFields": true,
    "module": "ESNext",
    "lib": ["ES2020", "DOM", "DOM.Iterable"],
    "skipLibCheck": true,

    /* Bundler mode */
    "moduleResolution": "bundler",
    "allowImportingTsExtensions": true,
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "preserve",

    /* Linting */
    "strict": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "noFallthroughCasesInSwitch": true
  },
  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
  "references": [{ "path": "./tsconfig.node.json" }]
}