vue3+ts+vite 打包报错 TS2304: Cannot find name ‘xxx‘

啃火龙果的兔子

已于 2023-11-23 14:35:21 修改

阅读量9w

点赞数 1

分类专栏：开发DEMO vue3.2 typescript 文章标签： vue.js 前端 javascript

于 2023-11-23 14:30:52 首次发布

本文链接：https://blog.csdn.net/qq_43592064/article/details/134576614

版权

开发DEMO 同时被 3 个专栏收录

145 篇文章

订阅专栏

28 篇文章

订阅专栏

typescript

6 篇文章

订阅专栏

文章讲述了在将Vue项目升级到使用TypeScript的组合式API并结合ElementUI时遇到的编译错误，介绍了两种解决方法：一是删除`vue-tsc--noEmit`，仅进行类型检查；二是设置`tsconfig.json`的`skipLibCheck`为true，但需注意可能带来的类型检查不全风险。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

都说vue组合式api好，那必须来一套试试，而且element ui的demo全是lang="ts"了
改成组合式api没问题，但是当加上lang="ts"之后就疯狂报错

src/components/table/tableshow.vue:7:28 - error TS2304: Cannot find name 'tempshow'.

src/components/table/tableshow.vue:8:29 - error TS2304: Cannot find name 'searchtemplate'.

但是npm run dev 是运行正常的

经过一番搜索之后，这个错误是比较难搜索到的

方法一：

注意看package.json 中的vue-tsc --noEmit 删掉就可以了

{
  "scripts": {
    "dev": "vite",
    "build": "vue-tsc --noEmit && vite build"
  }
}

修改后如下：

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

搜一下vue-tsc --noEmit 是干什么的
执行tsc --noEmit,TSC 会读取配置文件获取参数值，--noEmit的作用是只进行检查，不进行编译输出。如果我们的代码无错，会直接退出，否则报错。

方法二：

在tsconfig.json文件中"compilerOptions"选项下加入 “skipLibCheck”: true

在tsconfig.json文件中的"compilerOptions"选项下加入 "skipLibCheck": true 会禁用对引入的库文件的类型检查。这意味着TypeScript编译器将跳过对库文件的类型检查，从而加快编译速度。然而，这也可能会导致在使用库文件时出现类型错误，因为编译器不再检查库文件的类型信息。因此，应该谨慎使用这个选项，特别是在引入的库文件中存在类型不确定或不完整的情况下。