vue-cli4版本安装element报错

最新推荐文章于 2022-08-15 14:13:26 发布
原创 最新推荐文章于 2022-08-15 14:13:26 发布 · 339 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #前端 #elementui

当尝试引入Element UI时遇到错误，因为官网实例基于Vue 3.0，而本地安装的是Vue 4.5.6。为了解决这个问题，需要先通过npm卸载当前的Vue CLI，然后安装特定版本3.0.4。这样做是因为Vue 3和Vue 4的实例创建方式不同，导致组件无法正常导入。

解决方案：
1、先卸载原先的版本

npm uninstall -g @vue/cli

2、安装指定版本

npm install -g @vue/cli@3.0.4

原因？
element官网是这么说的：
在这里插入图片描述在这里插入图片描述
官网上的实例对象是vue3.0版本创建的 Vue 对象
而最新版本的vue是4.5.6，创建的实例对象是createApp
实例对象不一致，当然引入不进去了

vue-cli3 取消eslint校验代码的解决办法
11-21
`vue-cli3` 是`vue-cli` 的第三个主要版本，引入了更加模块化和可配置化的特性。然而，有时候开发者可能希望在开发过程中暂时禁用`eslint` 的代码校验，以便更自由地编写代码。本文将详细介绍如何在`vue-cli3` 中...
Vue项目查看当前使用的elementUI版本的方法
01-19
在我们引入elementUI的时候，一般是两种方式：npm安装或者在script直接引入； 当然，在script直接引入的时候，我们也可以通过直接指定版本的方式，达到锁定版本的效果。 [removed][removed] 直接引入是从外网引入，每次加载都是读取外部网站，我们大部分开发者可能使用的是npm安装的方式，采用这种方式引入的时候，elementUI会保存在vue项目下的node_modules文件夹中，找到element-ui，里面就是elementUI的文件。 打开package.js
Vue-cli4 配置 element-ui 按需引入操作
10-14
主要介绍了Vue-cli4 配置 element-ui 按需引入操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vuecli4导入element页面报错
weixin_52113974的博客
12-29 482
报错如下 解决办法 在创建vue项目的时候选择2就可以解决报错，并且element可以正常使用 注意！！！ 通过注释也可以消除错误，但是在使用element标签的时候会出现问题，推荐使用上面的办法 ...
Vue cli添加element时报node-sass错误
m0_59719912的博客
05-03 539
我们使用命令vue add element时报错： 这是因为是去外网下载的node-sass 解决办法：依次执行以下命令 1、npm更改为淘宝镜像源，国内的，更快！ npm install -g cnpm --registry=https://registry.npm.taobao.org 2、使用淘宝镜像下载node-sass cnpm install node-sass --save 3、重新添加element vue add element 即可成功。但是有些人会遇到以下问题，添
vue-cli+elementUI+项目报错处理+vscode用的插件
feifeiwuxian的专栏
05-11 2897
一、创建项目 1.先用vue ui 界面创建一个项目。 2.npm 安装 在项目根目录执行 npm i element-ui -S 3.在 vue ui面板中搜索到element插件安装 二、一些项目中的报错，和插件 .我这边在做项目遇到了一些lint的报错 1.1vue项目报错Expected indentation of 2 spaces but found 4 找到以下的文件，添加"indent": ["off", 2] 1.2还会有这种报错 error: Newl.
vue cli4 如何使用 element ui以及ant design
qq_44090964的博客
03-30 1388
直接下载都会报错 ant-design需要下载通过 npm install ant-design-vue@next --save import { createApp } from 'vue'; import Antd from 'ant-design-vue'; import App from './App'; import 'ant-design-vue/dist/antd.css'; const app = createApp(); app.config.productionTip = false
用Vue-cli搭建的项目中引入css报错的原因分析
08-29
Vue-cli项目中引入css报错的原因分析 在使用Vue-cli搭建项目时，遇到引入css文件报错的问题是非常常见的。本文将详细介绍这种问题的原因分析和解决方法。 问题描述 在使用Vue-cli搭建的项目中，我们经常需要引入...
Vue-cli脚手架项目引入Element-Ui不生效问题
weixin_43403746的博客
09-27 2320
背景： 已经很久没有初始化项目了，今天在初始化项目引入element-ui插件时发现居然没有生效，最直观的就是没有标签提示。我是通过npm安装element-ui。 npm i element-ui -S 然后在main.js文件中引入了安装好的element-ui并使用。 但使用时并没有标签提示，而且效果也没有出来。 解决方案： 查了后才发现，除了要引入element-ui外，还需要引入它对应的css包，也就是需要将下面这句话写入到main.js中。 import ‘element-ui/lib
vue-cli4.0搭建
依古比古的博客
08-01 1765
vue.js越来越火爆.更多的项目vue进行开发,实际开发搭建开发脚手架. html css javascript node.js环境(npm包管理工具) webpack构建工具 webpack是一个静态资源构建，打包的工具 1.安装node.js 2.版本10.0.0以上 默认c盘 可下载淘宝镜像 比较稳定 也可以使用yarn 二:安装vue-cli脚手架构建工具 cnpm install -g @vue-cli 全局安装 vue -V查看版本 3.0为4.5.6 创建vue3.0项目 vue cre
卸载vue4，安装指定版本vue
baiyikai的博客
09-18 940
想要把vue环境从vue2升级成vue3 但是没有指定版本结果安装成4了 首先卸载vue2 查看了是全局安装的vue，所以用命令行工具执行 npm uninstall @vue/cli -g 然后执行，直接默认安装最新版本 cnpm install -g @vue/cli vue -V查看版本发现安装的是vue4 用原先的uninstall无法卸载，需要指定版本号才可以卸载 npm uninstall @vue/cli 4.5.13 -g 然后再安装指定版本vue3 这个可以 cnpm install
vuecli4.x+element搭建的基础框架
11-24
vue-cli@3 + element 搭建的基本框架，包含axios封装http请求，请求拦截，请求设置参数加密，引入加密配置等，兼容ie浏览器
vue4学习笔记——安装与新建
qq_41726230的博客
01-04 783
vue3学习 安装 打开cmd窗口，运行vue -V，查看版本号，如果不是vue3，需要运行以下命令来删除老的版本。 npm uninstall vue-cli -g 再运行以下代码来安装新的版本 npm install -g @vue/cli ...
Vue-cli+ElementUI环境搭建
giscoder的博客
11-26 425
安装过程 1.安装node.js 2.安装Vue-cli 3.创建项目 4.安装ElementUI 5.其他一些常用组件的安装 详细过程 1.安装node.js 官网上下载node.js安装包，直接安装即可。安装完后查看nodejs版本:node -v. 出现以下信息说明安装成功。 $ node -v v8.12.0 2.安装vue-cli 在命令提示窗口中，输入命令 npm install v...
vue安装elementui报错
qq_62939743的博客
08-15 4500
npm WARN logfile could not be created: Error: EPERM: operation not permitted, open 'D:\tools\node.js\node_cache\_logs\2022-08-15T06_05_45_700Z-debug-0.log' npm WARN logfile could not be created: Error: EPERM: operation not permitted, open 'D:\tools\node.js
vue-cli@4搭建 vue + element-ui 项目实操
热门推荐
huzhenv5的博客
01-16 1万+
本文用来记录如何通过vue-cli4来搭建一个element的项目，以及中间碰到的一些问题的处理方法 一，搭建步骤 1. 安装node 安装步骤自行百度，确认node环境变量已经配置好，node和npm指令可正常使用 2. 全局安装vue-cli 安装最新版本的vue-cli npm install -g @vue/cli 安装成功后，就可以使用vue命令了，使用vue --version可以查...
vue-cli4创建项目导入Element-UI踩过的坑
weixin_45185103的博客
10-06 4930
错误1：Uncaught TypeError: Cannot read property ‘prototype‘ of undefined 错误2：unknown option – skipGetStart
vue-cli4下按需加载element-ui遇到的问题
qq_27175079的博客
04-01 2543
看饿了么的官网是是这样写的 但是实际在vue-cli4下面已经存在babel.config.js，内容如下 module.exports = { presets: ["@vue/cli-plugin-babel/preset"] }; 在查找资料的时候发现很多人都是直接把官方的例子的plugins的内容复制进去，而且都实现按需加载了，但是在我这边还是一次就全加载了。 仔细观察别人的例子后发...
vue img :src拼接问题
Rob_gao的博客
06-11 8792
在vue项目中，一个图片的路径需要有多个字符串、变量拼接产生，直接写进去的时候会报错，利用vue的计算属性来解决这个问题： <img class='reason-img' v-for='(item,index) in value' :key='index' :src='getImgUrl(token,item)'> methods: { getImgUrl(toke...
vue-cli构建vue2项目
最新发布
06-21
全局安装VueCLI-安装最新VueCLI（注意：VueCLI4.x和5.x都支持创建Vue2项目）：```bashnpminstall-g@vue/cli```-或者安装指定版本（例如4.x）：```bashnpminstall-g@vue/cli@4```-安装完成后，验证：```bashvue--...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值