您的位置:首页技术文章
文章详情页

javascript - vue引用elementUI,报indx.css找不到的错?

【字号: 日期:2023-04-06 10:43:32浏览:71作者:猪猪

问题描述

vue引用elementUI,在node_modules中可以找到elementui的文件在webpack.base.conf.js中 {

test: /.css$/, loader: ’style!css’ }, { test: /.(woff2?|eot|ttf|otf)(?.*)?$/, loader: ’file’, query: { limit: 10000, name: utils.assetsPath(’fonts/[name].[hash:7].[ext]’) } }

在main.js中输入import ElementUI from ’element-ui’import ’element-ui/lib/theme-default/index.css’Vue.use(ElementUI)

但是就是输出javascript - vue引用elementUI,报indx.css找不到的错?

问题解答

回答1:

试试这样引入import ’../node_modules/element-ui/lib/theme-default/index.css’;

回答2:

用vue-cli吧,把精力放在业务逻辑上,配环境什么的,唉~

回答3:

问题已解决 步骤为:1.cnpm install style-loader -D2.cnpm install css-loader -D3.cnpm install file-loader –D4.安装cnpm install element-ui -S5.在main.js中引入:

import ElementUI from ‘element-ui‘import ‘element-ui/lib/theme-default/index.css‘Vue.use(ElementUI)

标签: JavaScript