vue脚手架安装elementui组件库时因版本不一致造成的报错

最新推荐文章于 2024-07-16 15:16:04 发布
最新推荐文章于 2024-07-16 15:16:04 发布
阅读量1.1k 收藏 3
点赞数 3
文章标签： vue.js elementui 前端
原文链接：http://t.csdn.cn/aOVWl
版权
当遇到Element版本与npm版本冲突时，需注意npm版本需在7以下才能直接使用官方下载方式。若npm版本高于7，可使用`npminstall--legacy-peer-depselement-ui--save`命令来安装ElementUI。
摘要由CSDN通过智能技术生成

报以上错误是因为element版本与npm版本不适配，要想使用官网的下载方式（npm i element-ui -S）则npm的版本必须是7以下的版本，可以重新下载npm并加版本号降低版本。如果是7以上的版本则要用npm install --legacy-peer-deps element-ui --save这个命令进行安装

梦寒853
关注
vue版本问题导致的插槽 不兼容解决
dddzrhnb的博客
07-09 580
<!-- 报问题 vue --> <!-- `slot` attributes are deprecated --> <!-- 问题 --> <span slot="title"></span> or <span slot="title" slot-scope="xxx"></span> <!-- 解决 --> <template #title></template> or <.
vue 更换element版本_element-ui中升级版本遇到一些兼容问题解决办法之一
weixin_39989973的博客
12-31 2354
写最近项目(vuejs+element-ui)中遇到的一个问题 升级版本过程中处理兼容问题因为业务的需要，需要提前升级前端框架(element-ui) 相信一些人用过的话应该就了解，框架从v1.*跌倒到v2.* 难免都会存在一些非兼容性的问题；主要非兼容问题如下TimePicker· 注意:· 当 is-range 为true 表示日期范围组件 change事件处理函数的参数为一个数组1....
vue2.5版本使用elementui2.15版本不兼容问题解决
gjb760662328的博客
03-22 2932
vue脚手架版本是vue2.5以及一下版本，这些版本推荐使用的el-ui版本只能在2.9.0以及更低版本。
解决安装element-ui安转报错
最新发布
2301_76728540的博客
07-16 463
使用npm安装element-ui出现报错。最快解决，使用一下命令进行安装。报错原因：npm的版本过高。
npm安装element ui出错的问题--版本不匹配
小张的博客
04-12 1033
npm安装element ui报错-版本不匹配导致 npm ERR! peer vue@"^2.5.17" from element-ui@2.15.13
vue2安装插件失败方法
weixin_40444253的博客
02-20 982
vue2安装插件失败方法
解决vue2中使用elementUi打包报错的问题
10-14
在Vue2项目中，ElementUI是一个非常流行的UI组件库，但在使用过程中，有时会出现打包报错的情况。本文将深入探讨两种常见的打包错误及其解决方案。 **错误1：找不到`element-ui/lib/theme-default/index.css`** 这...
Vue( ElementUI入门、vue-cli安装)
m0_64863860的博客
09-29 1272
Vue是一个当下流行的开发框架，它的核心思想是组件化和数据驱动，ElementUI是饿了么推出的基于vue2.0的组件库，提供了丰富的课复用的组件，方便前端的开发。ElementUI官网。另外一个与ElmentUI类似提供基于Vue2.0的组件库是iview。Node.js是一个基于Chrome V8引擎的[JavaScript运行环境]。Node.js使用了一个事件驱动、非阻塞式I/O 的模型。
使用vscode创建Vue2项目的坑一些总结（创建项目，使用局部elementUI配置，sass的安装以及报错解决）
qq_51135343的博客
11-20 1392
Module not found: can’t resolve ‘sass-loader’ in ， vue项目搭建 ，vue踩坑, elementUI , sass, sass报错
vue封装组件，类似elementUI组件库打包发布到npm上
cscscssjsp的博客
01-24 8562
封装vue组件库的两种方法和形式： 一：是建立一个webpack-simple 项目 二：是在通过vue-cli脚手架建立webpack vue项目，这种项目有点冗余，可是我们对这种项目最熟悉 下面分别介绍两种用法： 一： 1.首先先建立一个vue项目： 通过vue init webpack-simple，新建项目目录如下： 箭头指的是在项目打包后产生的文件（打包命令npm ru...
Vue-cli脚手架项目引入Element-Ui不生效问题
weixin_43403746的博客
09-27 2116
背景： 已经很久没有初始化项目了，今天在初始化项目引入element-ui插件时发现居然没有生效，最直观的就是没有标签提示。我是通过npm安装element-ui。 npm i element-ui -S 然后在main.js文件中引入了安装好的element-ui并使用。 但使用时并没有标签提示，而且效果也没有出来。 解决方案： 查了后才发现，除了要引入element-ui外，还需要引入它对应的css包，也就是需要将下面这句话写入到main.js中。 import ‘element-ui/lib
Vue项目中使用 element-ui 的 导航菜单 时的警告
m0_67484664的博客
05-03 260
vue警告
【Vue | vue3】Vue2和Vue3中Element-Ui 的安装与使用
【敦厚的曹操】的专栏
03-31 9122
一、找到Vue脚手架项目的文件夹 输入： npm i element-ui -S 二、在脚手架环境中创建项目的components文件夹添加一个组件【EleTest.vue】，把Element-Ui中的组件内容放入 三、App.vue内容 <template> <div> <!-- <School></School> --> <br /> <!-- <Student na
vue安装部署常见问题版本不一致
mzh10588的博客
02-25 334
1.1，假如发现node版本不对，一定要卸载重新安装；不要使用绿色版，覆盖；
记录 element-ui版本不兼容问题导致popconfirm组件线下、线上表现不一致
我有一个梦想的专栏
03-01 1137
项目场景： 使用element ui + vue 开发后台系统时，遇到一个表格操作需求点击进行某个操作，但是这个操作前需要进行确认提醒后才能真正处理， 这里使用按钮加确认组件做交互： <template> <el-popconfirm v-if="row.auditStatus === 0" title="确定需要撤回修改吗？" @confirm="doRollBackModify(row)"
vue单组件测试执行安装命令npm install -g @vue/cli-service-global中遇到的问题
facial_123的博客
08-23 4625
npm install -g @vue/cli-service-global安装与使用时遇到的问题 Syntax Error: TypeError: this.getOptions is not a function 错误的解决方法 Invalid options in vue.config.js: child "transpileDependencies" fails because ["transpileDependencies" must be an array]的解决方法
vue项目 element UI 版本升级过程遇到的问题及解决办法
前端开发小白9527
03-30 6376
最近发现项目的element ui 版本是2.5而最新的版本已经是2.15所以想要更新一下element ui的版本 查阅资料 升级element ui 直接在终端运行 首先卸载旧版本： npm uninstall element-ui 安装最新版本: npm install element-ui -S 全局引入 element ui： 参见element ui官方网站：Element - The world's most popular Vue UI framework import E.
解读Element-UI 和 VUE 技术
king220022的博客
04-12 602
是一种前端框架，免除JavaScript中的dom操作，简化书写，实现数据双向绑定。ElementUI提供了很多优美的组件，表单，表格，按钮什么的。是一种前端框架，免除JavaScript中的dom操作，简化书写，实现数据双向绑定。ElementUI提供了很多优美的组件，表单，表格，按钮什么的。是一种前端框架，免除JavaScript中的dom操作，简化书写，实现数据双向绑定。ElementUI提供了很多优美的组件，表单，表格，按钮什么的。
npm i 依赖报错版本不兼容
qq_49247627的博客
12-29 515
npm i 报错 npm ERR!
vue脚手架 配置element-ui
10-08
配置element-ui需要在Vue脚手架项目中按照以下步骤进行操作： 1. 首先，在项目中安装element-ui依赖包。可以通过命令行运行以下命令来安装： ``` npm install element-ui --save ``` 2. 在项目的入口文件(main.js或者类似的文件)中，引入element-ui的样式和组件。可以使用以下代码来完成引入： ```javascript import Vue from 'vue'; import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI); ``` 3. 在需要使用element-ui组件的地方，直接在Vue组件中引入所需的组件即可。例如，在一个Vue组件文件中使用Button组件的示例代码如下： ```javascript <template> <div> <el-button type="primary">按钮</el-button> </div> </template> <script> export default { // 组件的其他代码 } </script> ``` 4. 至此，你已成功配置element-ui在Vue脚手架项目中。现在你可以根据element-ui的文档来使用其提供的各种组件和功能了。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值