程序员经验分享-hwhale

vue踩坑记录—elementui样式引入失败

2023-11-05

出现的问题：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/cli@3.11.0

实际效果——不行
3.放弃改错
使用别人的项目源码运行成功，发现我的项目中的vue.config.js错了，把配置文件删除，重新写一个配置文件，运行成功。
4.心得
一定不要大段引用别人的配置文件，很容易出错，而且是F12不报错的错，很难找出来，需要用到什么配置一定一定自己弄清楚再配置。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

vue

javascript

vue踩坑记录—elementui样式引入失败 的相关文章

随机推荐

  • 小干货：Linux 系统的备份恢复

    作者 LeoLan s Blog https reurl cc gm5ZkQ tar 命令 副本 本机备份整个系统 以后还原还是还原到本机 注意根目录下要有充足的可用空间用于备份 cd tar gz格式 tar cvpzf system b

  • visual studio 2019账号登陆不上去问题解决

    网上多数解决方案是选择账户选项 然后把嵌入式web改为系统式web 但我用打开登陆选项 发现我就是系统式web 所以此方法行不通 但我观察到登陆选项中有设备代码选项 于是我就选了此选项 然后选择了登陆 此时它跳出来一个选项 根据提示只要在另

  • 单片机——独立按键控制

    1 基本定义与初始化 include

  • 2021秋招复习——计算机网络

    文章目录 总流程 浏览器缓存 资源缓存的位置 三级缓存原理 浏览器缓存的分类 强缓存 协商缓存 Last Modify If Modify Since ETag If None Match 浏览器缓存的优点 DNS 什么是DNS DNS解析

  • 边缘检测Sobel、laplacian、canny算子

    1 图像边缘检测 图像边缘检测对于分析图像中的内容 实现图像中物体的分割 定位等具有重要的作用 边缘检测大大减少了源图像的数据量 剔除了与目标不相干的信息 保留了图像重要的结构属性 常用的图像边缘检测方法分为以下两种 一阶导数的边缘算子 通

  • Linux PWM 驱动实验

    一 PWM 驱动简析 1 设备树下的 PWM 控制器节点 I MX6ULL 有 8 路 PWM 输出 因此对应 8 个 PWM 控制器 所有在设备树下就有 8 个PWM 控制器节点 这 8 路 PWM 都属于 I MX6ULL 的 AIPS

  • [Codeforces] combinatorics (R1600) Part.7

    Codeforces combinatorics R1600 Part 7 题单 https codeforces com problemset tags combinatorics 1201 1600 1534C Little Alawn

  • 用Python爬虫技术怎么挣点小钱，这四种方法可行

    提醒 抓取的数据如果要商业化 要小心知识产权问题噢 还要提醒一点 抓取和处理这些数据的代价要小于人工处理的代价 使用爬虫代替人工才有价值 我利用Python爬虫技术赚点小钱方式 在正式聊Python爬虫技术之前 先来说说挣钱的事 说说作为一

  • react组件的render方法

    一个组件类必须要实现一个 render 方法 这个 render 方法必须要返回一个 JSX 元素 必须要用一个外层的 JSX 元素把所有内容包裹起来 返回并列多个 JSX 元素是不合法的 错误的写法 render return div 第

  • 计算机显示丢失d3dcompiler,无法启动此程序提示缺少d3dcompiler文件怎么解决

    有用户说他在打开某个程序时 系统却提示说无法启动此程序提示缺少d3dcompiler文件的情况 这可能是在系统更新时出现错误导致的 那么无法启动此程序提示缺少d3dcompiler文件怎么解决呢 很简单安装一个更新包即可解决 下面小编给大家

  • [培训-无线通信基础-7]：信道均衡器（信道估计、信道均衡）

    作者主页 文火冰糖的硅基工坊 https blog csdn net HiWangWenBing 本文网址 https blog csdn net HiWangWenBing article details 118832368 目录 引言

  • FFT算法（Java实现）

    FFT导论 转载自FFT导论 FFT是离散傅立叶变换的快速算法 可以将一个信号变换到频域 有些信号在时域上是很难看出什么特征的 但是如果变换到频域之后 就很容易看出特征了 这就是很多信号分析采用FFT变换的原因 另外 FFT可以将一个信号的

  • 通过Java操作Kafka

    通过Java操作Kafka 前置知识 https editor csdn net md articleId 125883056 创建maven项目 导入kafka客户端依赖

  • C#生成二进制文件

    文章目录 用C 将文本MAC地址生成二进制文件 使用C 将字符串生成二进制文件 为什么用C 来开发这个简单的上位机 用C 将文本MAC地址生成二进制文件 using System using System Collections Gener

  • wangEdit大致使用

    1 先导入 两种方式任选其一 yarn add wangeditor editor for vue next npm install wangeditor editor for vue next save 2 创建富文本框组件 以下是vue

  • 51单片机学习笔记(五) -独立按键&&外部中断

    文章目录 一 按键的工作原理 1 原理图 2 按键的工作原理 二 使用轮询法处理按键 1 通过按键来点亮LED 2 键值检测与显示 3 按键消抖 4 完整的按键检测 四 使用中断检测按键 1 功能要求 2 外部中断INT0和INT1 3 代

  • oracle约束+disable与enable约束+为表添加约束+修改表约束的状态+primary key+not null+unique+foreign key+外键删除数据，可以使用的级联操作...

    oracle约束 分类 表级约束 应用于表 对表的多个列起作用 或者说定义所有列后 再定义约束 not null 约束只能在列级上 列级约束 应用于表的一列 只对该列起作用 或者说定义列的同时定义约束 disable与enable约束 控制

  • Java中队列的实现(2)-使用单向链表以及实现

    队列 Queue 是另一种被限制过的线性表 它是固定一端来插入数据元素 另一端只删除元素 也就是说队列中的元素移动是固定的 就像超市收银台一样 一边是进的 一边是出的 而且是先进入的首先获得服务的 队列是一个特殊的线性表 它只允许在表的前端

  • 国产数据库排行

    目录 一 理论 1 国产数据库排行 2 数据 一 理论 1 国产数据库排行 1 墨天轮榜单 墨天轮国产数据库流行度排行于2019年6月推出 通过近50个维度的数据来考察近300个国产数据库的流行度排行 每月1日更新排行数据 用于体现国产数据

  • vue踩坑记录—elementui样式引入失败

    出现的问题 F12没有任何报错 elementui可以引入组件 但是组件的样式不显示 首先检查项目的插件和依赖是否安装 命令行运行vue ui 在可视化界面里可以安装 插件 vue cli plugin element 依赖 开发依赖 el

热门标签