[坑况]饿了么你是这样的前端——vue+element ui 【this dependency was not found:'element-ui/lib/theme-chalk/index.css'】
element ui
坑况:今日pull代码,潇洒npm run dev ,被告知:this dependency was not found:'element-ui/lib/theme-chalk/index.css'。。。。。。。
解决思路
1.找不到依赖,路径问题
这是不科学的啊,昨天能够跑通的代码,今天就狗带了? 但是你也要去找找路径相关的解答,万能度娘上线,大多是这样的,应该这样引用"./" emmmm 分析了一波不太对啊!elementui 的引用方式就是这样的
import 'element-ui/lib/theme-chalk/index.css'
2.去element官网看看
还真是他们的一个bug哈 贴链接:https://github.com/ChenCheng0914/forum-vue/pull/2/commits/bb03f0fcd8e8c348cb7398b3944c1f039cbb43b9 但是看看了代码 跟我的问题还是不相符
3.看看我的vue以及element 版本 是不是偷偷更新了什么
我出错的版本 vue 2.9.1 element 1.4.13 我去,element 版本这么低的吗? 齐刷刷的把版本提升了 element 2.3.6 然后跑一下 npm run dev 竟然就这样解决了 通过了~
4.webpack 配置
你以为真的解决了吗?当我洋洋洒洒的搬砖一天,提交代码编译的时候,给了我一个彩蛋 Module not found: Error: Can't resolve 'element-ui/lib/theme-chalk/index.css' 我的上帝玩我啊,萌妹子也会生气的 我跟你说 正路:竟然是编译出了错,webpack走一波,通过element 知乎的提示发现要这样字配置 webpack.config.js里的loaders加上
{ test: /.(eot|woff|ttf)$/, loader: 'url-loader' }
原因是:这种情况发生是因为模块解析失败,缺少.ttf格式解析模块,vue2.0以上,在webpack.config.js
中module->rules添加{ test: /.(eot|woff|ttf)$/, loader: 'url-loader' }
当然你也要确保自已有安装 url-loader 贴心的放上代码 npm install url-loader/cnpm install url-loader -D
5.最后注意
正确方式:import 'element-ui/lib/theme-chalk/index.css' 失败方式:import 'element-ui/lib/theme-default/index.css' element 换了主题 没有同步代码
总结:
要是你遇到了同样问题,以上几种方式应该是可以给你解答的。
[坑况]饿了么你是这样的前端——vue+element ui 【this dependency was not found:'element-ui/lib/theme-chalk/index.css'】的更多相关文章
- [坑况]——webpack搭建前端环境踩过的坑啊
前言 嘿哈,webpack搭建前端环境踩过的坑啊! 第一个:完全不知所措 webpack4 下面用不了HtmlWebpackPlugin 和 ExtractTextPlugin 解决方案: html- ...
- [坑况]——windows升级node最新版本报错【npm install -g n】
我本来是下载一个vue-cli的,然后技术日新月异,告知我要先把我的node升级到8以上(目前是v6.1.13) 升级就升级,升级就报错 尝试第一种方法,网上最多的一种方法,估计也是成功最多的一种吧( ...
- VUE2.0 饿了吗视频学习笔记(一):VUE示例data.json
https://gitee.com/1981633/vue_study.git 源码下载地址,随笔记动态更新中有的同学找不到data.json,以下是data.json内容 { "selle ...
- 使用饿了么ui表单验证报错: [Element Warn][Form]model is required for validat
[Element Warn][Form]model is required for validat 如文末的完整例子: 该提示说的是 form表单需要一个绑定一个 对象(使用:model=" ...
- 【Django入坑之路】Django后台上传图片,以及前端的显示
#setting配置: MEDIA_URL = "/media/" MEDIA_ROOT = os.path.join(BASE_DIR, "media") # ...
- eleemnt-ui修改主题颜色
饿了吗的element-ui使用的是淡蓝色的主题,有时候我们可以自定义主题,官方的文档给我们提供了如何修改主题,介绍的很详细,自己试验过后,觉得很不错,一方面怕忘记,一方面写一写. 方法一是在线生成一 ...
- antd+react项目迁移vite的解决方案
antd+react+webpack往往是以react技术栈为主的前端项目的标准组合,三者都有成熟的生态和稳定的表现,但随着前端圈的技术不断革新,号称下一代构建平台vite2的发布,webpack似乎 ...
- 从零搭建react+ts组件库(封装antd)
为什么会有这样一篇文章?因为网上的教程/示例只说了怎么做,没有系统详细的介绍引入这些依赖.为什么要这样配置,甚至有些文章还是错的!迫于技术洁癖,我希望更多的开发小伙伴能够真正的理解一个项目搭建各个方面 ...
- 饿了么基于Vue2.0的通用组件开发之路(分享会记录)
Element:一套通用组件库的开发之路 Element 是由饿了么UED设计.饿了么大前端开发的一套基于 Vue 2.0 的桌面端组件库.今天我们要分享的就是开发 Element 的一些心得. 官网 ...
随机推荐
- WPF自学入门(十一)WPF MVVM模式Command命令
在WPF自学入门(十)WPF MVVM简单介绍中的示例似乎运行起来没有什么问题,也可以进行更新.但是这并不是我们使用MVVM的正确方式.正如上一篇文章中在开始说的,MVVM的目的是为了最大限度地降低了 ...
- Hadoop完全分布式安装教程
一.软件版本 Hadoop版本号:hadoop-2.6.0.tar: VMWare版本号:VMware-workstation-full-11.0.0-2305329 Ubuntu版本号:ubuntu ...
- Web移动端适配总结
移动端适配的相关概念以及几种方案总结 适配相关概念 布局视口(layout viewport):html元素的上一级容器即顶级容器,用于解决页面在手机上显示的问题.大部分移动设备都将这个视口分辨率设置 ...
- kubernetes入门(07)kubernetes的核心概念(4)
一.pod 二.Volume volume可以为容器提供持久化存储,比如 三.私有镜像 在使用私有镜像时,需要创建一个docker registry secret,并在容器中引用.创建docker r ...
- kubernetes入门(01)kubernetes是什么?
一.kubernetes是什么? Kubernetes是Google开源的一个容器编排引擎,它支持自动化部署.大规模可伸缩.应用容器化管理.在生产环境中部署一个应用程序时,通常要部署该应用的多个实例以 ...
- hadoop2.6.0实践:000 虚拟机配置
- Linux知识积累(1)awk的使用方法
参见:http://www.cnblogs.com/ggjucheng/archive/2013/01/13/2858470.html 简介 awk是一个强大的文本分析工具,相对于grep的查找,se ...
- Linux搭建Apache+Tomcat实现负载均衡
一.首先需要安装java,详见http://www.cnblogs.com/fun0623/p/4350004.html 二.编译安装Apache,详见http://www.cnblogs.com/f ...
- leetcode算法:Distribute Candies
Given an integer array with even length, where different numbers in this array represent different k ...
- nexus私服服务器意外关机后,本地不能下载jar包
主要记录一个小问题. 今天要做个需求,需要读取word文档中的表格来在生成数据库建表语句. 读取word文档,要添加maven依赖 <dependency> <groupId> ...