解决vue3的TypeScript类型检查导致打包出现的问题

最新推荐文章于 2024-04-12 17:08:20 发布
最新推荐文章于 2024-04-12 17:08:20 发布
阅读量531 收藏 10
点赞数 5
分类专栏： 前端vue typescript 文章标签： typescript javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51302020/article/details/136282480
版权

根据上面分析，package.json中的"scripts"修改如下：

  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview"
  },

 另外项目通常在编译时候，也会对我们引入的一些依赖包进行类型校验，我们并不需要这个操作，所以可以在tsconfig.json中设置如下：

 "compilerOptions": {
    "skipLibCheck": true
  },

 原文： vue-tsc --noEmit导致打包报TS类型错误icon-default.png?t=N7T8https://devpress.csdn.net/beijing/64a50b830f02295fdae41521.html?dp_token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpZCI6Mjk5NDc2NCwiZXhwIjoxNzA5MDIzMDI3LCJpYXQiOjE3MDg0MTgyMjcsInVzZXJuYW1lIjoid2VpeGluXzUxMzAyMDIwIn0.c0UGWlzyjRn4_P6s7_tiTjaRkG7Y_Rzob1H9ACT0zLc

一起努力学习吧！
关注
  • 5
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
解决vue cli使用typescript后打包巨慢的问题
10-16
主要介绍了解决vue cli使用typescript后打包巨慢的问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Vue3 + Vite + TypeScritpt打包如何忽略TypeScript报错
nyasm的博客
01-31 614
Vue3打包
next build打包的时候如何跳过eslint和tstype类型检测
最新发布
qq_42619099的博客
04-12 216
打包时因为eslint报错或ts类型检测报错中断了build怎么办？next build打包的时候如果跳过eslint和tstype类型检测？
Vue3+Vite+TypeScript打包时报类型错误，dev启动不报错
Eleuuuuy的博客
05-12 2916
yarn dev——项目正常运行 yarn build ——抛出error 原因： vue-tsc的问题，把对应的命令给删掉： vue-tsc:非必要的依赖，主要是用来约束<script setup lang="ts">这种写法，并且应用在vscode-Volar的插件中使用. { "scripts": { "dev": "vite", "build": "vite build", // 剔除了 vue-tsc --noEmit &&
vue3+typescript+ElementUI后台管理DEMO
02-27
Vue3+TypeScript实战项目，使用 ElementUI 搭建页面，完成登录、商品列表、用户列表、角色列表、退出登录。通过页面展示、搜索、分页、编辑等功能的实现练习怎么在vue3中使用TypeScript。...
vue cli 4 添加、移除typescript
huangpb的博客
11-03 1677
移除 .eslintrc.js extends 里的 '@vue/typescript/recommended'步骤一：移除npm依赖。将所有ts文件改为js。
vite vue3项目打包如何跳过ts检查并进行打包
偏执的小男孩儿
01-17 2004
vite vue3项目打包如何跳过ts检查并进行打包
Vue3 忽略 ts (TypeScript)的无故报错
小草莓的博客
04-19 5670
Vue3 忽略 ts (TypeScript)的无故报错
vue3+TypeScript+vite项目运行正常，打包错误问题
Blue__Summer的博客
10-11 1612
我从src开始替换,打包成功,确实是src的界面编译的问题,犹豫尝试了很久,痛定思痛,一步步替换文件了,还好src/view中的文件夹我挨个替换之后,发现了替换其中一个文件打包之后出现了 unexpected token问题,打开文件夹里的界面进行对比,发现。1.查到是多语言文件这里出了问题,看的出来,这样的多语言翻译值确实有点复杂,引号较多为了优先解决打包问题,只能先注释掉这里了,修改之后又可了,接着替换,结果慢慢好转了,其中一个文件夹替换打包之后会提示具体某段代码问题了。
Vue3 - 解决 build / dev 打包运行时突然出现一堆 ts 相关的报错，强制关闭整个项目的 ts 代码语法校验和验证（webpack / vite 均可）
王佳斌
08-07 8377
vue3怎么关闭ts验证，vue3打包时出现很多ts报错，vue3 vite如何关闭build时的ts语法验证，vue3项目打包部署时突然出现很多报错，vue3运行测试时没有报错但打包时出现很多ts报错，vue3 run build 时出现ts报错，vue3+vite+ts项目build时突然多了很多报错，vue3+ts项目 build打包报错 项目可以serve运行起来，vue3打包出现很多ts错误怎么办，vue3如何关闭整个项目的ts语法验证，vue3无法打包提示很多TS相关错误，vue3如何关闭打包t
vite vue3项目打包,跳过ts检查
热门推荐
青阳的博客
10-26 1万+
vite vue3项目打包,跳过vue-tsc检查
uniapp + vue3 + TypeScript + pinia + uviewplus
11-03
uniapp + vue3 + TypeScript + pinia + uviewplus
【ts】vue-typescript-admin类型报错
向着光芒的女孩
05-25 807
1.Property ‘validate’ does not exist on type ‘Vue | Element | Vue[] | Element[]’. Property ‘validate’ does not exist on type ‘Vue’.Vetur(2339) 方法一： (this.$refs.dataForm as any).validate() //这样就不报错了 方法二： 先在js里头的前面引入element 的Form,再as Form import {Form} .
vue2.0项目使用 typescript 和 vuetify 报错
qq_28510897的博客
09-26 292
在 tsconfig.json types 添加 vuetify { "types": [ "webpack-env", "vuetify", ], }
Vue3 TypeScript 使用教程 - 实战 Vue3 element-plus 开发「待办清单」
蒋川@卡拉云
05-27 2023
Vue3 的源码使用 TypeScript 全部重构，而 TypeScript 是 JS 的一个超集，主要提供对 ES6 的支持以及更棒的代码可读性和高维护性。可以说 Vue3 Typescript 已经成为开发标配。本文带领大家从搭建环境开始，手把手带领大家用 Vue3 Typescript + element-plus 开发一个极简「待办清单」app，在实战中学习 Vue3 TypeScript。如果你正在搭建后台管理工具，又不想处理前端问题，推荐使用卡拉云 ，卡拉云是新一代低代码开发工具，可一键接入常
webpack系统学习（十一）Typescript的打包配置
Niall_Tonshall的博客
02-17 699
存在这样的.tsx文件： //index.tsx class Greeter { greeting: string; constructor(message: string) { this.greeting = message; } greet() { return "Hello, " + this.greeting; return _.join(["Hello",this.greeting],' '); } } let greeter = new Gree
解决vue3+ts打包，ts类型检查报错导致打包失败，goview打包报错options
qq_43807473的博客
12-16 1769
则是使用 Vite 进行最终的构建。所以会检测ts的类型是否写的正确标准，如果项目中类型错误少的话可以一一解决并打包但是goview的TS类型错误的地方实在太多了，所以直接不检测类型来进行打包。如果你也使用的是goview做大屏项目，那么解决完这个问题之后还有可能遇到打包的时候 js占内存溢出导致打包失败的问题，可以看一下这个文章，扩一下node.js内存就没问题了。然后使用 npm run build:pro 进行打包就没问题了。是 TypeScript 编译器（tsc）的命令，
vue3 typescript 声明组件类型
06-07
在 Vue 3 中，推荐使用 `defineComponent` 方法来声明组件类型。使用 `defineComponent` 方法可以让 TypeScript 正确推断组件中的 props、data、methods 等属性的类型。 以下是一个使用 TypeScript 声明 Vue 3 组件类型的示例： ```typescript import { defineComponent } from 'vue'; export default defineComponent({ name: 'MyComponent', props: { name: { type: String, required: true }, age: { type: Number, default: 18 } }, data() { return { count: 0 }; }, methods: { handleClick(event: MouseEvent) { // do something } }, computed: { doubleAge(): number { return this.age * 2; } }, template: ` <div> <p>Name: {{ name }}</p> <p>Age: {{ age }}</p> <p>Double Age: {{ doubleAge }}</p> <button @click="handleClick">Click</button> </div> ` }); ``` 上述代码中，我们使用 `defineComponent` 方法定义了一个名为 `MyComponent` 的组件类型，它包含 `props`、`data`、`methods`、`computed` 和 `template` 五个属性。其中，`props` 属性是一个对象，包含 `name` 和 `age` 两个属性；`data` 属性是一个函数，返回一个包含 `count` 属性的对象；`methods` 属性是一个对象，包含一个名为 `handleClick` 的方法，它的参数是一个 MouseEvent 类型的事件对象；`computed` 属性是一个对象，包含一个名为 `doubleAge` 的计算属性，它返回的值是 `age` 的两倍；`template` 属性是一个模板字符串，用于渲染组件的内容。 使用 `defineComponent` 方法声明组件类型时，需要先导入 `defineComponent` 方法，并使用它来定义一个包含组件属性的对象。在组件中，可以使用 `this` 访问组件实例，并根据需要调用 props、data、methods、computed 等属性。在模板中，可以使用插值语法和指令语法来渲染数据和绑定事件。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值