element-plus打包报错/vue3.0+vite+ts别名引入ts文件报错

最新推荐文章于 2025-06-09 11:44:43 发布

BLUESKYHOST

最新推荐文章于 2025-06-09 11:44:43 发布

阅读量4.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue vue3.0常见问题 vue3.0+ts别名引入报错 elementPlus打包报错

本文链接：https://blog.youkuaiyun.com/BLUESKYHOST/article/details/117383481

vue 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了在Vue项目中遇到Element-Plus库类型检测错误的解决方案，包括修改`package.json`的`build`参数，调整`tsconfig.json`的路径配置，以及解决别名引入问题的方法。通过这些配置，可以消除`Nullable`和`ComponentSize`找不到的错误，同时优化项目构建过程。

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

element-plus报错内容

报错原因如下
vue-tsc 是对ts类型做检测的 element对ts支持并不是很友好所以报错但是不影响正常使用

Cannot find name ‘Nullable’. Cannot find name ‘ComponentSize’.
解决办法

package.json文件修改build参数删改成下面参数

"build": "vite build",

别名引入报错问题

tsconfig.json 文件添加如下代码

 "paths": {
      "@ts/*": [
        "./src/*"
      ]
    },

vite.config.ts 文件中的resolve.alias添加如下配置

  {
        find: /\/@ts\//,
        replacement: pathResolve('src') + '/',
      },

引入方式

import { key } from "/@ts/store/index";

我的配置文件如下

{
 "compilerOptions": {
   "target": "esnext",
   "module": "esnext",
   "moduleResolution": "node",
   "strict": true,
   "jsx": "preserve",
   "sourceMap": true,
   "resolveJsonModule": true,
   "esModuleInterop": true,
   "lib": [
     "esnext",
     "dom"
   ],
   "types": [
     "vite/client"
   ],
   "paths": {
     "/@ts/*": [
       "./src/*"
     ]
   },
 },
 "include": [
   "src/**/*.ts",
   "src/**/*.d.ts",
   "src/**/*.tsx",
   "src/**/*.vue"
 ]
}