Element ui 按需导入报错

最新推荐文章于 2024-03-03 00:42:28 发布
最新推荐文章于 2024-03-03 00:42:28 发布
阅读量776 收藏 2
点赞数
分类专栏： 工作沉淀 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MissXu666/article/details/115771004
版权

#标题:Element ui 按需导入报错:mian.js不是有效插件#

今天按照官网方法使用element ui按需导入的时候报错,提示大概是mian.js不是有效插件,但是全部导入的时候就没有这个问题,在终端提示的错误如下:

解决办法如下:
第一步:安装npm install babel-plugin-component -D
第二步:找到.babelrc文件，在plugins数组中添加如下内容

在这里插入图片描述
第三步:.在src中创建文件夹 element-ui,然后在element-ui 文件夹中新建 index.js 在js文件中引入所需的组件

第四步:.在main.js中引入ElementUI
在这里插入图片描述
这样就可以正常运行啦~

MissXu666
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Element-UI本地引入
09-17
Element-UI本地引入，在jsp里不能通过url引入就只能用本地引入了（注意修改css中关于字体和图标的位置链接）
Nuxt配置Element-UI按需引入的操作方法
10-15
主要介绍了Nuxt配置Element-UI按需引入方法，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
vue导入elementUI组件报错解决
qq_33653304的博客
11-05 1974
因项目需要用到elementUI组件，故在main.js里面进行导入 但是编译时报错，发现在搭建完框架，引入elementUI之前需要先下载相关组件信息 在控制台输入npm i element-ui -S，进行下载 下载完成后重新启动项目，编译不报错，错误解决。 ...
vue 3.0 使用element-plus按需导入报错
最新发布
Greyscarf的博客
03-03 787
再次执行 npm run serve 正常！再次执行 npm run serve 又报错。执行 npm run serve 报错。修改 vue.config.js 文件。同样根据查询到的版本进行回退。根据查询道德版本进行回退。
vue3.x 关于引入第三方组件报错
E_ISOLATE的博客
07-19 3373
main.js之前的写法 import Vue from 'vue' import App from './App.vue' import router from './router/index' import store from './store' import 'element-ui/lib/theme-chalk/index.css'; import ElementUI from 'element-ui'; Vue.use(ElementUI); new Vue({ router, st
vue踩坑记录—elementui样式引入失败
qq_40318341的博客
04-12 2761
出现的问题：F12没有任何报错，elementui可以引入组件，但是组件的样式不显示。 首先检查项目的插件和依赖是否安装（命令行运行vue ui，在可视化界面里可以安装） 插件—vue-cli-plugin-element 依赖—开发依赖—element-ui 1.试着用element-plus 实际效果——不行 2.更改开发环境 element-ui在cli4.5中引入不了，先是更先是更改开发环境 npm uninstall -g @vue/cli npm install -g @vue/[email protected]
关于ElementUI的引入，main.js报错
sinat_34999319的博客
09-27 2964
写项目用到了ElementUI，此文来记录下踩过的一些坑~ 1.引入ElementUI，发现main.js报错 但事实上我的js文件里面只是刚引入而已呀 然后看了看官方API发现了端倪，之前遇到过js文件引入顺序不对导致报错，看了下和官方文档的引入顺序确实有异，于是按文档顺序引入后解决 总结：虽然暂时不能解释为啥这个顺序会引起报错（后续解惑吧），但是在js中，引入顺序确实是很重要，当发现代码逻辑确实没什么问题的时候，不妨扩展下思路 ...
关于elementui按需引入报错问题解决
baichi2695的博客
05-13 3574
一、出现的问题 elementui按需引入官网有毒,是这么写的，但我发现一直报错，估计是版本原因吧，官网写死了。 运行时报错： 二、正确的按需引入方式 1、首先按照官网所说安装插件 npm install babel-plugin-component -D 2、找到babel.config.js文件（找不到自己建一个与package.json同级） module.exports = { "plugins": [ [ "component", { "libraryName":
element-ui 引入及使用中的报错、失效
weixin_44224712的博客
06-04 1241
Error: Cannot find module 'babel-preset-es2015'
【学习记录】Element UI导入报错 * element-ui/lib/theme-chalk/index.css in ./src/main.js
行云流水剑的博客
04-24 6823
问题描述 在vue项目的main.js中使用Element UI时会出现报错 import Vue from 'vue'; import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; import App from './App.vue'; Vue.use(ElementUI); new Vue({ el: '#app', render: h => h(App) });
Bug：elementUI样式不起作用、Vue引入组件报错not found等（Vue+ElementUI问题汇总）
weixin_45565886的博客
09-29 3585
Bug：elementUI样式不起作用
成功安装了elementui还是无法对其使用，教你如何正确安装使用element-ui
weixin_51908696的博客
07-03 3218
正确安装element-ui，笔者失败了千千万万次的总结
element-ui中按需引入的实现
10-15
主要介绍了element-ui中按需引入的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
element-ui中dialog弹窗关闭按钮失效的解决
10-14
主要介绍了element-ui中dialog弹窗关闭按钮失效的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue-cli4 配置 element-ui 按需引入操作
10-14
主要介绍了Vue-cli4 配置 element-ui 按需引入操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
element-ui离线文档包
06-23
element-ui离线css和js文件，方便本地开发使用，本文件带简单的调用示例代码，请笑纳！
导入elementui运行报错
kt906885821的博客
12-24 824
✘ http://eslint.org/docs/rules/semi Extra semicolon src\main.js:4:35 import ElementUI from 'element-ui'; ^ ✘ http://eslint.org/docs/rules/semi Extra semicolon src\main...
vue/cli引入element ui 失败
nihaotdb的博客
08-04 1268
在创建好了vue脚手架后，安装了vue-cli-plugin-element插件，然后运行，发现报错。 这是element.js文件里的代码： 这是main.js文件里的代码： 这是报错： 解决方法1： 把import Vue from 'vue'改为import {createApp} from 'vue' ,然后把Vue.use(Element) 改为createApp(App).use(Element)，结果还是报错： 报错原因我也看不懂，没找到解决方案。 ...
element-ui导入的错误的原因
weixin_51938988的博客
02-27 1857
错误原因：没有成功引入element-ui 解决办法：在main.js中引入如下代码 import ElementUI from 'element-ui' //element-ui的全部组件 import 'element-ui/lib/theme-chalk/index.css'//element-ui的css Vue.use(ElementUI) //使用elementUI ...
element ui不显示
08-20
- *1* [记一次element-ui的table不显示，也不报错的问题](https://blog.csdn.net/sundaoli_0/article/details/129298855)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值