前端系列七：在Vue3+TS+Vite插件的初始化项目模块报错的问题

最新推荐文章于 2025-09-10 23:36:24 发布
原创 最新推荐文章于 2025-09-10 23:36:24 发布 · 1.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #typescript #vue.js

在使用Vite创建Vue3项目时，若script标签内保留了setuplang='ts'，且同时存在export default，会导致模块错误。本文探讨如何处理这种冲突，确保 TypeScript 在Vue3组件中的正确集成和导出。

细节问题：

当我们使用Vite创建Vue3项目时，项目创建完成时，在script里有 setup lang="ts" 
因为export default 是JS的导出模式，这个时候没有把script里的setup lang="ts"  去掉就
会报模块错误问题

Vue3 - Vite 使用 vite-plugin-require-transform 插件运行或打包时出现报错，vue3 + vite 项目执行 build 打包时出现各种问题错误（保证完美解决）
🏆 前端领域优质创作者
01-01 7538
vue3，vite，vite-plugin-require-transform，打包报错，运行报错，npmrunbuild出现一堆报错，执行打包命令后出现报错怎么办，vue3+vite使用vite-plugin-require-transform插件build打包时报错如何解决，vue3项目中运行打包出现了很多警告提示报错，vue3使用阿里云ali-oss插件sdk导致打包报错解决方法，vue引入ali-oss阿里云oss的sdk运行build打包时报错，vite打包失败，import*as_vi
Vue3 -- 基于Vue3+TS+Vite项目【项目搭建及初始化】
qq_53002037的博客
11-13 1100
vue3 +TS + vite 项目搭建及初始化
vue3+ ts ts语法在script写不知道为啥一直报错
老段的优快云的博客
08-28 1491
是vue3在单文件组件 (SFC) 中使用 composition api 的编译时语法糖。1.出现这种问题的话,首先查看自己写的有没有问题,没有问题的话。在vue3页面中写ts语法 发现识别不了 一直报错。:表示你的代码将是 TypeScript 语法。2.再查看 script里边有没有写。
Deno中解决Vite插件类型冲突的终极指南
最新发布
gitblog_00490的博客
09-10 377
Deno作为由Rust编写的JavaScript/TypeScript运行时，以安全、快速和可扩展为核心特性。在实际开发中，使用Vite插件时常遇到类型定义冲突问题，本文将从问题分析、解决方案到最佳实践，全面介绍如何在Deno环境中解决此类问题。 ## 问题背景与表现 在Deno项目中集成Vite插件时，类型冲突通常表现为TypeScript编译错误，如重复的接口定义或模块类型不匹配。这类问题...
vue3 使用＜script lang=“ts“ setup＞加上lang=“ts“后编译错误
m0_53912016的博客
12-19 3197
【代码】vue3 使用＜script lang=“ts“ setup＞加上lang=“ts“后编译错误。
使用VUE3 ＜script lang=“ts“ setup＞ 加上lang=“ts“或使用语法糖setup后编译报错
Ceichaos的博客
02-20 3204
出现语法糖使用ts语法的错误＜script lang=“ts“ setup＞ [@vue/compiler-sfc] compileTemplate now requires the `id` option.`
vue3 使用＜script lang=“ts“ setup＞编译错误
Violetto_Yan的博客
05-26 1079
2、在src根目录新建一个tsconfig.json。3、在src根目录建vue-shim.d.ts文件。1、下载typescript和ts-loader。
精选资源
vue3+ts+vite+router+vuex+api请求封装
12-29
Vue3+TS+Vite+Router+Vuex+API请求封装是现代前端开发中的一个典型组合，用于构建高效、可维护的后台管理系统。这个脚手架提供了完整的开发环境配置和基础架构，使得开发者能够快速搭建后台应用。下面将详细介绍这个...
【Vite+Vue3+TS】基于Vite+Vue3+TypeScript+ESLint+Prettier+Stylelint搭建项目（亲测超详细）
aDiaoYa_的博客
01-25 3929
结合了很多项目和文章，总结一篇项目构建的笔记。 温馨提示：文章末尾记录了我在搭建项目过程中，遇到的一些问题和解决办法 ~
Vite+vue3+ts 项目初始化底座
02-21
总的来说，"Vite+vue3+ts 项目初始化底座"是一个现代前端开发的良好起点，它结合了Vite的快速开发、Vue 3的先进特性以及TypeScript的类型安全性，为开发者提供了高效、稳定且易于维护的项目基础。
Vue3+Vite+mssql全栈项目示例，学生管理 前端采用Vue3+Vite+Element-plus，后端采用node.js+express+mssql，真正实现增删改查
07-22
初始化：npm init -y Microsoft Windows [版本 10.0.19044.1379] (c) Microsoft Corporation。保留所有权利。 C:\Users\Administrator\Desktop\server>npm init -y 安装必要的依赖: npm install mssql --save ...
vite+vue3+ts各种报错解决
weixin_43336525的博客
04-17 940
这样就可以使用window.obj了。
vue3+ts 踩坑集锦之vue+ts声明变量时报错
小明同学c的成长日记
06-14 5132
vue+ts 在声明变量时报错 'xxxx.vue' cannot be compiled under '--isolatedModules' because it is considered a global scr
解决vue3+ts项目初始化配置文件报错的问题
m0_56668216的博客
10-01 419
将tsconfig.node.json和tsconfig.json文件修改。将vetur插件禁用。
vue3报错-ts识别不了vue文件
zjuwwj的博客
05-31 1563
vue3报错-找不到模块’.vue’或相应的类型声明，虽然并不会影响启动和打包，但是有这么一个红红的报错也很不爽！
vite打包报错
weixin_45289656的博客
08-13 535
在报错的文件里加上ts就可以了。
vue项目实战系列三十三：vue3 ts报错解决
wanmeijuhao的博客
12-31 1220
(4). 重启IDE。
新手Vite打包工具的使用并解决yarn create vite报错
m0_62785037的博客
08-04 1341
新手Vite打包工具的简单使用并解决yarn create vite报错
Vue：使用Element Plus ＜script lang=“ts“ setup＞ 加上lang=“ts“后编译错误
yyyyyyyyyyy_9的博客
08-16 1584
小白使用element plus的时候，将官网代码直接复制到编译器出现错误，检查问题之后发现，问题出在这里，element plus 不支持lang="ts"语法。经过查资料，发现了一下解决方法，特此记录一下。
vue3+ts+vite h5页面初始化加载动画
08-23
下面我将为您详细介绍在 Vue3 + TypeScript + Vite 的 H5 项目中实现页面初始化加载动画的完整方案，结合引用内容中的最佳实践和技术要点。 ### 实现方案 #### 1. 创建加载动画组件 (src/components/Loading.vue) ...
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值