vue3+ts+vite+elementPlus局部引入，ElMessage爆红影响打包，ElMessage报错

于 2024-07-23 09:40:49 发布
阅读量194 收藏
点赞数 2
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_58818066/article/details/140626798
版权

首先你是局部引入，然后ElMessage可以正常使用但是在代码中爆红，项目打包的时候还会报错

这时候，你需要找到你项目中的tsconfig.app.json文件（网上的方法是tsconfig.json文件，但是我加在tsconfig.json文件里面是报错的，这时候找到了tsconfig.app.json文件）

文件大致长这样

、

咱们只需要添加这一句

"auto-imports.d.ts"

就可以啦

头发真的不能掉！
关注
ElMessage自动引入,样式缺失和ts esline 报错问题解决
Angel_Tears_的博客
07-22 556
在配置了自动引用, 这样去使用显然不是优雅的, 而且每次时候都需要进行引入。这个会产生esline报错,和ts报错, 后面有解决方法。中进行全局引用, 当然这还是不优雅的 (所以看下面 ↓)如果按照这个过程没有配置成功, 可以找项目引入。的Readme文件, 按照提供的方法去搞。文件, 这时我们需要更新我们的。看到了英文, 嘿嘿打开翻译。
Typescript+vite+element-plus按需引入后ElMessage报红问题
qq_42164187的博客
08-17 2674
在使用ElMessage或ElMessageBox是vscode开发工具会报红，原因是找不到，但是页面能正常使用。
vue3 使用element plus 打包时 报错
Y2000104的博客
11-11 520
这样的问题，我们仅仅需要修改tsconfig.json文件下的，“moduleResolution”: “bundler”,改成"moduleResolution": “node即可”，模块 ““element-plus”” 没有导出的成员 “FormInstance”。这样的问题，我们仅仅需要修改tsconfig.json文件下的，“moduleResolution”: “bundler”,改成"moduleResolution": “node即可”，之所以出现上面这种（爆红）情况，是因为最新的。
vite+ts+elementplus运行正常打包报错
m0_62317155的博客
05-28 6234
vue3+vite+ts+elementPlus中运行正常打包出错 能正常运行，但是打包出错 下面是问题描述，解决办法看目录解决办法那一项 组件代码在最后面 vue3+vite+ts+elementPlus的项目中，我遇到了npm run dev可以正常运行，然后运行npm run build的时候就报错的情况，编译不过去，在这里记录一下，而且在vscode中与element plus相关的是爆红的，但是可以正常运行，只是打包不能正常打包而已。就会报错 如在vscode中报这个红， 无法找到模块“ele
vue3引入elementplus后使用布局容器不生效
qq_50487743的博客
08-09 5748
vue3
vue3+vite 批量引入局部组件及使用
我总是词不达意的博客
11-30 1070
vue3+vite 批量引入局部组件及使用 vite 批量引入组件 vite 批量导入组件 vue3批量导入组件 vue3批量引入组件
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化
05-12
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+...
Vue3 + Ts + ElementPlus + Vite2 从零搭建后台管理系统.zip
05-13
Vue3 + Ts + ElementPlus + Vite2 从零搭建后台管理系统 Vue3 + Ts + ElementPlus + Vite2 从零搭建后台管理系统 Vue3 + Ts + ElementPlus + Vite2 从零搭建后台管理系统 Vue3 + ...
基于vite+vue3+pinia+element-plus+ts后台管理系统源码+项目说明.zip
04-12
基于vite+vue3+pinia+element-plus+ts后台管理系统源码+项目说明.zip 基于vite+vue3+pinia+element-plus+ts后台管理系统源码+项目说明.zip 基于vite+vue3+pinia+element-plus+ts后台管理系统源码+项目说明.zip 基于...
vue3 + ts 基于elementplus 后台管理系统模板.zip
05-13
vue3 + ts 基于elementplus 后台管理系统模板 vue3 + ts 基于elementplus 后台管理系统模板 vue3 + ts 基于elementplus 后台管理系统模板 vue3 + ts 基于elementplus 后台管理系统...
vue3 elmessage 不生效 【解决方法】
最新发布
m0_64788735的博客
06-16 391
我是在Element-plus找组件用时，直接复制，不报错但不生效，后面发现忘记引用样式css了。//引入Elmessage的css样式文件。在main.js中引入样式即可解决问题。
vue3+ts+element-plus 标签红色波浪形（属性不全）
单飞吧的博客
06-01 383
在 TypeScript 中，使用 typeof 关键字可以用来获取一个值的类型。在这个特定的声明文件中，typeof ElButton 的作用是告诉 TypeScript 编译器，ElButton 的类型应该被认为是和 element-plus 库中的实际 ElButton 类型相同。这样做的好处在于，当您在编写代码时使用了 element-plus 中的 ElButton 组件，TypeScript 将能够正确地进行类型检查和推断，以及提供相关的类型提示。
element MessageBox 遇到的问题
weixin_41807530的博客
05-31 482
使用消息提示框报错解决办法：改为局部调用的方式。
element-plus自动按需导入及出错解决
qq_51470342的博客
07-08 2890
element-plus自动按需导入及出错解决
vue3中引入文件ts报红色波浪线问题
dzry_lr的博客
11-30 2649
vue3中引入文件ts报红色波浪线
记录在TS中,使用autoImport插件自动导入ElMessage组件报错的坑（vite+vue3+element plus + Eslint）
user_12121的博客
03-17 1429
接着回到引用了ElMessage组件的页面查看，结果发生了惊喜，不但问题没解决，反而tsconfig.json还多了一个问题，reference配置出问题了！既然在tsconfig.json中配置include报错，而tsconfig.json中有引用了tsconfig.app.json文件，那我索性在tsconfig.app.json文件中配置include。既然如此，那我就打开了引用的两个路径文件。Ctrl + S保存，问题解决，而且无需再eslint配置文件中声明全局变量！
element-plus 提示找不到名称“ElMessage”。ts(2304)
weixin_51938803的博客
08-03 2045
element-plus 提示找不到名称“ElMessage”。ts(2304)
Vue3 + Vite + TS 环境配置全攻略
以下是详细搭建vue3+vite+ts环境的步骤： 1. **创建项目目录**： 首先，你需要在计算机上选择一个合适的位置创建一个新的项目目录。通过命令行工具（如CMD或终端），进入这个目录。 2. **初始化Vite项目**： 在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值