为了账号安全,请及时绑定邮箱和手机立即绑定

引入 element-ui 失败

在完成了老师的项目后,我准备引入 element-ui 来美化一下界面,但是按照官方的文档 quick start ,安装好 element-ui 并在 .babelrc 中做了配置,如下所示

https://img1.sycdn.imooc.com//5af99a910001db3412080708.jpg

最后在 main,js 中导入 button, 如下所示

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

import { Button, Select } from 'element-ui';


Vue.component(Button.name, Button);

Vue.component(Select.name, Select);

但是执行 npm run dev 后一直报如下的错误。

https://img1.sycdn.imooc.com//5af999e80001c69121620474.jpg

自己 google 了也没有找到合适的方法,老师能不能帮我看看,是不是 webpack 哪里的配置有问题。

个人初次接触前端。

正在回答

2 回答

这是哪个课程

0 回复 有任何疑惑可以回复我~
#1

大侠咕咚M 提问者

不是,我在这个 TODO 项目基础上,自己做了扩展,使用了 element-ui 后出现的问题,不过目前已经解决了 https://github.com/maoruibin/TodayTodo
2018-05-19 回复 有任何疑惑可以回复我~

已解决

需要匹配 ttf 文件的 loader

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
Vue+Webpack打造todo应用
  • 参与学习       84606    人
  • 解答问题       787    个

用前端最热门框架Vue+最火打包工具Webpack打造todo应用

进入课程

引入 element-ui 失败

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信