安装vue add element报错

最新推荐文章于 2024-06-27 16:21:17 发布

Hi_Akai

最新推荐文章于 2024-06-27 16:21:17 发布

阅读量1.1k

点赞数

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/hi_akai/article/details/126225440

版权

本文介绍了如何在Vue项目中正确安装和使用Element UI，包括遇到node-sass报错时的解决方案，即通过设置不引入scss文件，以及后续在main.js文件中手动引入display.css以确保样式生效。

摘要由CSDN通过智能技术生成

正常情况下安装element

只需要输入

vue add element

但是可能会出现如下报错

如果报错情况中显示是node-sass的问题, 就把第二项改成no, 就是不引入element的scss

即可完美解决

但后续记得在 main 文件加上下列代码

import 'element-ui/lib/theme-chalk/display.css'

就是直接引入element的css.

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Hi_Akai

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

nodeJs + webpack+vue+ element ui 环境安装

GIS摆渡人

04-18

508

文章目录一.安装nodeJs二.安装vue三.创建新项目四.使用vue-cli再一次创建新项目四.引入Elements ui五.运行已有项目六.补充安装axios +sass+store(1).安装axios(ajax的封装）(2).安装sass(3).安装store(4).引入jq(5).安装css-loader(6).安装better-scroll(7).vue项目添加一些触摸事件以及fastclick的支持(8).vue项目配置了babel-polyfill 兼容低版本浏览(9).配置jsonp(10

Vue及Element UI&vue-element-admin简记

生活在别处

11-21

7039

文章目录概念索引安装vue基本语法声明式渲染动态参数双向绑定数据绑定中进行数据处理使用JS表达式计算属性侦听器Class 与 Style 的数据绑定Class的数据绑定Style的数据绑定条件与循环条件渲染v-if指令v-show指令列表（数组）渲染数据更新检测事件监听器修饰符事件修饰符按键修饰符按键码系统修饰键指令的缩写组件化应用构建vue实例实例生命周期的钩子模板语法高级语法相关概念HTML ...

参与评论您还未登录，请先登录后发表或查看评论

安装ElementUI库报错兼容问题:npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR!

最新发布

Saehun1994的博客

06-27

341

这通常是一个复杂的过程，并且可能需要深入了解你的依赖项以及它们是如何相互作用的。这通常不是首选的解决方案，除非你确切知道你在做什么，并且愿意承担可能的风险。根据你的情况，我建议你选择第一个或第二个选项。如果你已经在使用Vue 3.x并且想要继续使用它，那么寻找一个兼容的UI库是最好的选择。，你需要将你的Vue项目降级到Vue 2.x版本。但请注意，这样做可能会破坏你的项目依赖结构，导致不可预见的问题。是一个为Vue 2.x设计的UI组件库，并不兼容Vue 3.x。你可以选择一个适合你的项目需求的库。

vue add element报错问题

mikewanzi002的博客

07-04

572

vue add element报错问题

在vue框架下使用指令vue add element安装element报错

AdSensca的博客

08-17

2255

vue add element报错在使用这条命令时，因为是访问外网请求资源的缘故，导致node-sass经常响应超时而导致下载失败，进而使安装失败因此我们可以使用国内的镜像下载node-sass npm install -g cnpm --registry=https://registry.npm.taobao.org （安装淘宝镜像） cnpm install node-sass --save （使用淘宝镜像安装node-sass） ...

vue add element时报错

kkleap的博客

02-21

467

下载时出现npm WARN deprecated core-js@2.6.12: core-js@＜3.4 is no longer maintained and not recommended for usa 原因：npm版本过低解决办法：npm install --save core-js@^3 -g 或者npm install npm@6.14.13 -g

vue add element 失败解决方案

xuelang532777032的博客

08-26

9874

重现：基本属于没事搞了个cli3 配置了多出口然后一 vue add element 就悲剧了对吧如果是就往下看好，点不点赞看你了，或者可以加入我的群153181864前端交流群，绝对原创，转载请附上本微博链接。本文主要是给 vue add element 的同行看的首先这两个货加对位置了 package.json "elem...

vue add element 失败

qq_62810001的博客

07-03

718

vue add element 失败

Vue安装element ui踩坑

weixin_42292991的博客

04-29

3756

1. 输入 vue add eleme 输入 y y zh-CN 要是中途出错或者某些不知道原因错误的先清除缓存npm cache clean --force 然后输入回车

vue-element-admin项目开发全流程

guanan1230的博客

05-16

1030

vue组件开发编写组件时应该先定义API props名称具备语义化，类型符合规范 props可以添加自定义校验validator，值是一个函数，参数是当前传入值，返回值是布尔值组件使用时绑定的类似于原生的事件，不能被识别，需要添加.native修饰符或者当成自定义事件处理 <template> <button class="h-btn" :class="[sizeClass,typeClass]" @click="clickHandler"> <

yarn + vite + element-plus搭建vue项目遇到的问题

m0_55295461的博客

08-10

807

从vue3的官网中看到我们可以使用vue-cli搭建项目，也可以使用vite搭建项目，因为vite执行的速度会相对来说快了一点所以这里我们说一下使用vite搭建项目以及遇到的一些问题

Vue-cli4中vue add element 失败解决方案

qq_33991007的博客

09-10

2128

package.js 加入这两个： "element-ui": "^2.4.5", "vue-cli-plugin-element": "^1.0.1", 位置如下：然后npm install 一下；接着添加配置项：新建 plugins/element.js 代码部分： import Vue from "vue"; import Element from "element-ui"; import "element-ui/lib/theme-chalk/index.css"; Vue.use(E

vue add element报错_VUE学习笔记----day2

weixin_39670511的博客

11-29

340

VUE实例生命周期概念从vue实例创建，运行到销毁期间，总是伴随着各样的事件，这些事件统称为声明周期钩子（生命周期钩子=生命周期函数=生命周期事件）分类创建生命周期的函数beforeCreate：实例刚在内存中被创建出来会执行，还没有初始化data和methods属性（beforeCreate中无法获取data和methods中的值）；created：实例已经在内存中内创建OK（包括data和me...

vue add 命令报错Error: The project seems to require yarn but it‘s not installed

a1783118的博客

11-03

283

vue add 命令报错Error: The project seems to require yarn but it‘s not installed

关于Scroller.addElement()添加元素报错问题

Qiustion的专栏

11-27

984

在某次进行动态为Scroller添加元素时，报错：ArgumentError: This operation is not supported. 因为Scroller只允许添加一个Child，所以先排除是否添加了多个Child，但仍然不行，后来才知道要用viewport来接连组件。 <![CDATA[ ... protected

Vue + Element 配置报错

acyj68799的博客

03-14

153

{ test: /\.(eot|svg|ttf|woff|woff2)$/, loader: 'file-loader'} 转载于:https://www.cnblogs.com/chr506029589/p/10531056.html

vscode输入vue add element显示vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。

Alex_ddC的博客

12-24

1807

项目场景：vscode输入vue add element显示vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。解决方案： 1.以管理员身份运行VS Code 2.在菜单栏查看中点击终端 3.输入get-ExecutionPolicy，查看当前策略，若当前策略为Restricted，那么需要修改策略，在终端输入Set-ExecutionPolicy RemoteSigned，在执行一次get-ExecutionPolicy，显示RemoteSigned。此时可以正常

vue + element 错误收集

u011269322的博客

08-24

1381

vue + element 错误收集错误1：组件名称：messageBox组件错误原因：在this.$megbox({}) 的后面没有加上 .catch(() => {}) 错误：Uncaught (in promise) cancel （长期更新）

vue3.0安装elementplus报错

06-28

4. 如果您使用的是yarn，请尝试使用yarn add命令安装Element Plus，例如：yarn add element-plus。 5. 如果您使用的是cnpm，请尝试使用cnpm install命令安装Element Plus，例如：cnpm install element-plus。 6. ...