解决vue3项目打包出现vue-tsc错误

Joker_zjy

于 2024-09-05 10:56:05 发布

阅读量386

点赞数 2

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_57466771/article/details/141924887

版权

今天在打包vue3项目时出现了以下错误：

把问题丢给AI，AI说是vue-tsc版本和node版本不匹配造成的。结果试了 18 20 22三个版本的node，vue-tsc升级了又降级了还是出现这个错误，最后甚至删了node_modules再npm install一次还是没解决问题。

最后发现只需要处理打包命令，在package.json中删除vue-tsc即可，如下图所示：

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Joker_zjy

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

vue项目中使用typescript, 在vs-code终端tsc命令无法使用解决详情

m0_37896739的博客

07-22

1587

最近vue项目中开始使用typeScript但是执行npminstall-gtypescript后在vs-code中tsc命令无法使用报错如下。3、get-ExecutionPolicy显示为RemoteSigned即为设置成功了。1、get-ExecutionPolicy显示为Restricted。tsc命令就可以使用啦typeScript的版本也可以显示啦。解决方式为执行如下命令。.........

解决vue3+Ts项目，打包报错问题。

A15029296293的博客

05-29

1506

可以看到以上报错，很多基本上都是ts的写法问题，有的同事写ts可能不会在意这些问题，例如写了index却没有使用，导入了某个模块却没有使用，再或者定义的变量没有加类型，再打包的时候都会出现问题，那么临时去改肯定来不及，我们可以在package.json中去处理打包命令。可以看到build命令里面有两个命令。vue-tsc和vite build；vue-tsc是TypeScript的编译命令，而vite build是vite的打包编译命令，如何想要打包成功不报错的情况下，需要将vue-tsc命令删掉即可。

参与评论您还未登录，请先登录后发表或查看评论

vue-tsc --noEmit导致打包报TS类型错误

Teresa的前端海底乐园

06-26

644

vue-tsc：Vue 官方提供的命令，用于执行 TS 的类型检查。–noEmit：TS 编译器的选项，使用 --noEmit 选项后，编译器仅执行类型检查，而不会生成任何实际的编译输出。所以可以看出了，在打包的时候编译器执行了TS类型检查，所以才报了一堆错，但类型错误最终不会影响项目的正常运行。可以发现在build时，执行了vue-tsc --noEmit && vite build，其中。设置后编译器不会检查库文件中的类型定义是否正确，也不会对库文件的使用进行类型检查。再次打包就非常顺利～

vue3+ts+vite项目代码检查报错（vue-tsc）

最新发布

flhhly的博客

08-30

413

3、控制台执行npm list发现输出的typescript版本与package.json中版本号不一致，1、开始以为vue-tsc或者typescript版本太低，通过npm update更新，更新后还是报错。注意：package.json中typescript版本是5.4.5,为什么安装的时候是5.5.4?的任何更新版本，所以直接安装了最新版本，可在package.json中进行版本控制，详细参考。2、项目中package.json文件中typescript、vue-tsc版本并无兼容问题。

vue3 ts 打包失败 ts类型校验未通过导致打包失败

hyy的博客

08-19

530

【代码】vue3 ts 打包失败 ts类型校验未通过导致打包失败。

vue运行打包报错

web_zq的博客

02-19

1297

vue 运行的时候报警告打包的时候报错运行的时候报这个警告，再次执行npm install 也无法解决执行npm run dev 的时候报错打包的时候报很多红色错误解决办法：怀疑是依赖下载的不行，多次执行npm i 和cnpm i 都解决不了问题，然后手动把 node_modules删除后，重新执行npm i 把问题解决了没有报错也没有警告能正常运行，能打...

vue-tsc

03-03

在压缩包文件“vue-tsc-master”中，可能包含以下内容： 1. 源代码：Vue-tsc 工具的源码，可能是用 TypeScript 编写的，展示如何封装 tsc 并针对 Vue.js 进行优化。 2. 示例项目：可能有使用 Vue-tsc 的示例项目，...

解决vue cli使用typescript后打包巨慢的问题

12-13

之前使用过 ts-loader 打包 react 项目，给我的感觉就是巨慢，开发环境下，每次保存后，需要等10秒钟左右才能构建完成，当时为了解决这个问题，把 ts-loader 替换成了 babel 的 typescript 插件，结果是非常的快，...

vite+vue3构建项目打包异常

qq_43413883的博客

04-15

7247

vite+vue3项目初始化完成后打包异常Cannot access ambient const enums when the '--isolatedModules' flag is provided.

Vue3 - 执行打包报错 Cannot find name ‘ComponentSize‘ | type: import(“vue“).PropType＜ComponentSize＞（TS报错解决）

王佳斌

04-28

2928

vue3，vite，typescript，ts，element plus，build，vue-tsc，ts打包报错，ts验证失败，vue3 ts项目打包报错，vue3 element plus项目打包的时候出现错误，Cannot find name 'ComponentSize'，type: import("vue").PropType

vuedts-为.vue文件生成TypeScript声明文件。-Vue.js开发

05-27

生成TypeScript声明。... 为.vue文件生成TypeScript声明文件。...$ npm install --global @ kahirokunn / vuedts＃npm $ yarn global add @ kahirokunn / vuedts＃yarn用法指定包含.vue文件的目录作为第二个参数

vue-tsc 引起的错误

weixin_43645980的博客

06-07

3390

vite+ts+vue项目，构建时因为vue-tsc 版本问题构建失败解决办法：https://www.modb.pro/db/114083

Nuxt3：升级vue-tsc v2.x结果报错Nuxt Build Error: Cannot find module ‘vue-tsc/out/index‘

一些平时在开发过程中遇到的常见问题，分享给大家

07-03

997

Nuxt3：升级vue-tsc v2.x结果报错Nuxt Build Error: Cannot find module 'vue-tsc/out/index'

VUE3+TS项目,tsc -v报错

gahsuxjxnxn的博客

07-14

204

解决方法：参考文章。

处理chrome浏览器添加vue-devtools插件报错/bin/sh: tsc: command not found

weixin_38989021的博客

08-19

2186

处理chrome浏览器添加vue-devtools插件报错/bin/sh: tsc: command not found 看了网上各种添加插件的教程，先安装淘宝镜像，然后cnpm install 安装包node_module包，然后执行npm run build 的时候，一直报下面的错（看了错误提示，有几个包是要在yarn下打包的，所以下面采用yarn方式打包安装）下面是处理步骤 1.安装yarn npm install -g yarn 2.检查是否安装成功 yarn -version

vue-tsc版本旧导致的ts报错

qq_44806249的博客

06-21

609

明明定义了数据，npm run lint 时却无法通过代码检查。原因是vue-tsc版本旧了的原因升级一下版本就可以了。

vue 启动报错 throw er； // Unhandled ‘error‘ event ,错误码 -4058

weixin_43603192的博客

04-18

1107

vue项目运行 npm run dev 报错某个模块启动文件丢失信息百度搜索到的解决方案方案主要集中在 1.修改端口号我这里无效 2.降低或者更新node版本，没用，我这里继续无效 3.添加一个环境变量 c:\Window\system32 没用我这里继续无效(系统本身是有配置这个环境变量的) 我的错误原因因为 npm install 加载依赖包时模块vite-plugin-mock\node_modules\esbuild\esbuild.exe 该esbuild.exe文

【vue-tsc报错】node_modules\typescript\lib\tsserverlibrary.js:119161 throw e；

m0_61869647的博客

10-09

1067

记一次vue3+typescript项目打包时报错

vue-tsc -b

08-09

`vue-tsc -b` 是 Vue.js 项目中的一个命令行选项，它通常与 TypeScript 的 `tsc` (TypeScript 编译器) 联合使用，特别用于 Vue CLI (Vue 组件命令行界面) 中。当你运行这个组合时，`-b` 或 `--build` 参数指示 TypeScript 编译器进行构建过程，这意味着它会检查并转换 TypeScript 源文件为 JavaScript 文件，并生成适用于生产环境的代码。 Vue-TSC 是 Vue.js 和 TypeScript 的集成工具，可以帮助开发者在 Vue 应用中编写类型安全的代码。通过使用 `vue-tsc -b`，开发者可以预先发现潜在类型的错误，并且享受到 TypeScript 提供的诸如静态类型检查、强一致性等优点。