vite vue3打包时出现TS类型错误解决最快速解决方案

最新推荐文章于 2025-04-03 09:38:48 发布

原创最新推荐文章于 2025-04-03 09:38:48 发布 · 6.3k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

博客主要围绕执行npm build报错问题展开。原因是TS在打包时会进行类型检查，出现不必要的错误。解决办法是在packge.json中删除build的vue-tsc命令，将其改成 'build:pro': 'vite build --mode production '。

该文章已生成可运行项目，

快速解决看这里或者直接到解决

packge.json中将build的vue-tsc命令删除

问题描述

在执行 npm build时报错

  node_modules/.pnpm/element-plus@2.3.4_vue@3.3.7/node_modules/element-plus/es/components/tabs/index.d.ts:106:14
    106     readonly stretch: boolean;
                     ~~~~~~~
    The expected type comes from property 'stretch' which is declared here on type 'Partial<{ readonly type: EpPropMergeType<StringConstructor, "" | "card" | "border-card", unknown>; readonly closable: boolean; readonly stretch: boolean; readonly editable: boolean; readonly beforeLeave: (newName: TabPaneName, oldName: TabPaneName) => Awaitable<...>; readonly tabPosition: EpPropMergeType<...>; reado...'


Found 25 errors in 7 files.

Errors  Files
     3  src/layouts/LayoutVertical/index.vue:152
     1  src/utils/index.ts:2
     5  src/views/linked/components/linkCard.vue:12
     7  src/views/linked/components/minLinkCard.vue:18
     2  src/views/linked/index.vue:78
     5  src/views/settings/components/sort.vue:125
     2  src/views/settings/index.vue:2

截图: