##环境说明##

  • Windows 10
  • WebStorm 2017.3
  • Node.js 8.9.4
  • Npm 5.5.1
  • Vue 2.5.13
  • Element UI 2.0.11
    ##问题说明##
    引入Element-UI后,在项目中使用:
App.vue中引入
 import Vue from 'vue'
 import Element from 'element-ui'
 import 'element-ui/lib/theme-default/index.css'

 Vue.use(Element);

然后在运行的时候报错:

ERROR Failed to compile with 1 errors 09:10:39

This dependency was not found:

element-ui/lib/theme-default/index.css in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue

To install it, you can run: npm install --save element-ui/lib/theme-default/index.css
##解决方法##
这对我一个刚刚入门vue的新手来说,太难受了.好在找到了解决方法,原来,ElementUI在这个版本,index.css已经不在theme-default里了,而是在theme-chalk里.所以把上面的

 import 'element-ui/lib/theme-default/index.css'

改为

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

即可.

2018/1/10
Slicenfer

Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue