vue3+ts在main.ts中导入App.vue文件报错，说App.vue.ts不是一个模块

最新推荐文章于 2024-06-14 10:00:00 发布
最新推荐文章于 2024-06-14 10:00:00 发布
阅读量767 收藏
点赞数
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Frank_colo/article/details/131046716
版权
在tsconfig.json中，可以尝试注释掉include字段中的src，或者添加exclude字段，包含src/**.vue，以阻止TypeScript对.vue文件进行检查。这样能避免App.vue等文件的类型检查问题。
摘要由CSDN通过智能技术生成

 解决方法是在tsconfig.json配置文件中，include字段的src注释掉，再试一下看看

 不行的话，就增加exclude字段，添加“src/**.vue” 

这样ts就把src下面的.vue文件排除了，不会检查。App.vue文件就不会检查

烟火的降落
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
关于ts文件中，引入vue文件报红线的问题
weixin_44778906的博客
08-15 990
vue3项目中.ts文件中引入vue模块爆红
vue3+element plus+ts.zip
06-05
一个标准的 Vue3+Element Plus+TS 后台管理系统通常包含src目录，内含components（组件）、views（视图）、router（路由）、store（状态管理）、api（接口调用）等子目录，以及main.ts（入口文件）、App.vue（根组件...
vue3+ts+vite搭建项目，main.ts引入.app.vue报错解决
q1553048604的博客
03-13 1003
在项目生成的vite-env.d.ts文件中，默认是没有配置的，加入如下代码可以解决这个报错问题。
Vue3：解决在main.ts 中调用自定义的js文件会报错的问题
最新发布
SUMMERENT的博客
06-14 327
案例：Vue3 ，使用的是main.ts ，在main.ts 中调用自定义的ruoComment.js文件会报错，解决报错：找到tsconfig.json文件。//1.将输出结构重定向到目录。,//2.编译时允许有js }加上如下代码：即可解决问题。,//3.添加路径支持js。
vue3+ts在main.ts中引入App.vue文件，提示App.vue.ts不是一个模块
Frank_colo的博客
06-05 812
原因是，在App.vue文件里的<script>标签里，没有写setup,加上就好了。
.vue文件中，引入子组件提示报错：File ‘xxx.vue.ts‘ is not a module的解决方案
hzf978742221的博客
12-14 1260
解决vue导入其他vue时提示的报错问题
vue3+vite在main.ts文件中引入./App.vue报错（./App.vue不是模块）
m0_57809042的博客
08-12 997
下载TypeScript Vue Plugin (Volar)插件就不报红了，看它的描述应该就是ts文件可以识别vue文件。
基于vite+vue3+pinia+element-plus+ts后台管理系统源码+项目说明.zip
04-10
vue-element-perfect 是一个后台前端解决方案,它使用了最新的前端技术栈、动态路由，权限验证，并且有着丰富的组件,企业级中后台解决方案，可免费商用，同时支持PC、平板、手机 ## 项目功能 - 使用Vue3.0开发，单...
Vue3+TS图片裁切组件
08-02
Vue3+TS图片裁切组件，在main.ts中全局引入 import ImageCrop from "@/components/image-crop/" const app = createApp(App) app.use(ImageCrop); app.mount('#app ') 在对应的页面使用 裁切比例，不用此参数自由...
vue+vite+ts.rar
08-11
在"vue+vite+ts.rar"这个压缩包中，包含了一个使用Vue 3.0、Vite和TypeScript搭建的项目。这个项目可能包含以下结构和组件： 1. **src**：源代码目录，包含所有应用的组件、路由、样式和配置文件。 - `components`...
在vue3+ts+setup语法糖中使用图片预览组件
09-14
在Vue3中，开发人员可以利用TypeScript(简称ts)的强类型特性和新的`setup`语法糖来构建更加安全和高效的应用。本教程将详细讲解如何在Vue3项目中结合TypeScript和`setup`语法糖实现图片预览功能。 首先，让我们了解...
基于Vue3 + TS实现的专栏web应用.zip
06-08
总的来说，"基于Vue3 + TS实现的专栏web应用.zip"是一个集成了现代前端技术的项目，涵盖了Vue3的新特性、TypeScript的强类型优势以及前端项目的基本架构和流程。学习并理解这个项目，将有助于提升开发者在Vue3和...
uniapp+vue3+pinia框架（模块化+持久化存储）
06-15
总的来说，这个项目结合了uniapp的跨平台能力，vue3的性能提升与 Composition API，以及pinia的高效状态管理，旨在构建一个模块化且支持持久化存储的移动应用。项目中的`index.html`是主入口文件，`main.js`是应用的...
Vue3+Ts+Pinia+Vue-Router4的后台管理系统源码.zip
11-02
Vue3+Ts+Pinia+Vue-Router4的后台管理系统源码是一个基于最新技术栈的前端项目，旨在提供高效、可维护的管理界面解决方案。这个系统利用了Vue.js的最新版本Vue3，TypeScript（Ts）以提升代码类型安全，Pinia作为状态...
vue3-clipboard:for Vue 3的剪贴板.js绑定
04-28
vue3剪贴板 Vue 3的绑定。 该存储库是Inndy用于Vue3的插件的端口。 安装 npm install --save @soerenmartius/vue3-clipboard 用法 全局导入v-clipboard指令 src/main.ts import { createApp } from 'vue' import...
Vue3 Element Plus表格导入导出示例
07-15
在Vue3组件中，可以创建一个`<input type="file">`元素用于选择文件，并监听`change`事件来读取文件内容。以下是一个简单的文件上传示例： ```vue <el-form @submit.prevent="handleImport"> ...
main.ts中引入App.vue报错，提示“Cannot find module ‘./App.vue’ or its corresponding type
m0_71266578的博客
01-23 1153
代码编辑器：vscode ，使用vue3，所以安装了 Volar 插件，可以使 vue 代码高亮显示，不同颜色区分代码块，以及语法错误提示等提示：如果使用的是vue2，则使用 Vetur 插件；使用 vue3 的话 ，要禁用 Vetur 插件，然后用 Volar 插件。两个插件不要同时使用，会冲突。报错描述： 安装vite框架（Vue3）后，项目“main.ts” 文件中部分有红色报错提示，其他文件有些import引入文件也报错。
vue3 setup ts找不到模块或其相应的类型声明(离谱的错误)
susmoon的博客
06-15 990
Vue3+Ts常见报错
在以创建的VUE3项目中引入TS 及报错处理
weixin_52901482的博客
07-19 1584
vue : 无法加载文件 C:\Users\22380\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com/fwlin k/?语句指令：npm install --save-dev @vue/cli-service。找到index.html 看引入的main.js是否改为main.ts。1.打开Windows PowerShell。根据提示安装vue/cli-service。如果项目启动成功页面报错。
vue3+ts引入vue-meta，在main.ts中爆粗
06-13
在 Vue3 中使用 TypeScript，引入第三方库需要满足以下两个条件： 1. 该库需要提供 TypeScript 类型声明，一般是 `.d.ts` 文件。 2. 在使用该库时，需要将类型声明文件引入到 TypeScript 的编译环境中。 对于 `vue-meta` 库来说，它已经提供了 TypeScript 类型声明文件，我们只需要在项目中安装 `@types/vue-meta` 类型声明库即可。 安装命令如下： ```bash npm install @types/vue-meta --save-dev ``` 或 ```bash yarn add @types/vue-meta --dev ``` 然后在 `main.ts` 中引入 `vue-meta` 并使用即可： ```typescript import { createApp } from 'vue'; import App from './App.vue'; import { createMetaManager } from 'vue-meta'; import router from './router'; const app = createApp(App); const metaManager = createMetaManager(); app.use(router); app.use(metaManager); app.mount('#app'); ``` 如果在引入 `vue-meta` 时出现了类型错误，可以尝试手动指定 `vue-meta` 的类型声明文件，例如： ```typescript import { createMetaManager } from 'vue-meta'; import { MetaInfo } from 'vue-meta/types'; const metaManager = createMetaManager() as MetaInfo; ``` 这样就可以避免类型错误了。同时，如果你使用的是 VS Code 等编辑器，也可以通过编辑器提供的自动补全功能来查看 `vue-meta` 的 API 和类型。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值