vue3+ts 代码运行问题

Question

vue3+ts 工程下下来运行后报这个错，不知道怎末解决，求大 佬解惑。。

Answer 1

参考通义千问和郭老师的小迷弟雅思莫了-编写提供，主要是为了帮助您快速解决问题，如下回答，您可以参考下，如有问题，评论区留言。

Vue3 + TypeScript 的项目在运行时可能会遇到各种类型的错误，您没有提供具体的错误信息，所以我无法给出针对性的解决方案。但根据之前记忆的信息，这里我可以列举一些常见的 Vue3+TS 运行时报错的情况以及解决思路：

1. 模块加载错误：

   • 报错如 Failed to fetch dynamically imported module，这通常是因为 Vue3 中动态导入的模块路径不正确或者构建工具配置有误。确保所有模块路径正确无误，并且你的 Webpack 或 Vite 等构建工具支持 ES6 模块。

2. .vue 文件类型声明缺失：

   • 如果编译器对 .vue 文件中的 TypeScript 不识别，可能需要在项目的根目录或 tsconfig.json 配置文件中添加全局类型声明文件（例如 hair.d.ts），内容如下：

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

3. <script lang="ts"></script>