首页  >  问答  >  正文

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

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)

但是就是输出

天蓬老师天蓬老师2638 天前901

全部回复(3)我来回复

  • 我想大声告诉你

    我想大声告诉你2017-07-05 10:42:10

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

    回复
    0
  • 阿神

    阿神2017-07-05 10:42:10

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

    回复
    0
  • 黄舟

    黄舟2017-07-05 10:42:10

    问题已解决 步骤为:
    1.cnpm install style-loader -D
    2.cnpm install css-loader -D
    3.cnpm install file-loader –D
    4.安装cnpm install element-ui -S
    5.在main.js中引入:

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

    回复
    0
  • 取消回复