Cannot find module "element-ui/lib/theme-default/index.css"

我安装了 css-loader style-loader file-loader webpack.config.js配置如下:

{ test: /\.css$/, loader: 'style-loader!css-loader' },
{ test: /\.(png|jpg|gif|svg)$/, loader: 'file-loader', options: { name: '[name].[ext]?[hash]' }
// main.js
import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-default/index.css'
import App from './App.vue'

Vue.use(ElementUI)

new Vue({
  el: '#app',
  render: h => h(App)
})

报错如下图:
图片描述

回答:

先说解决方法:
import ‘element-ui/lib/theme-default/index.css’
改为
import ‘element-ui/lib/theme-chalk/index.css’;

今天也被困扰了,研究了下,发现原因很简单:
这个文件不存在

根据import的路径看node_modules\_element-ui@2.0.2@element-ui\lib这个目录下并没有theme-default这个文件夹,只有个theme-chalk,所以就直接改成它,这就好了。

可能是element-ui更新了皮肤,却忘记更改对应代码了吧。

回答:

修改完成后重启一下服务

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注