vue2.0框架中引入element-ui css报错问题

首先正常安装引入elm-ui

安装element-ui

cnpm i element-ui@XXX （@为固定版本，可以省略@xxx）

建议固定vue和element-ui的版本，避免将来版本升级后产生冲突

引入element-ui

在app.vue引入element-ui，然后就可以在其他任何页面中使用了

终端中输入以下指令安装依赖模块

cnpm install style-loader --save-dev

cnpm install css-loader --save-dev

cnpm install file-loader --save-dev

4.然后在 main.js 引入并注册

如果出现

in ./~/css-loader!./~/style-loader!./~/css-loader!./semantic/dist/semantic.css Module build failed: Unknown word (5:1)

模块创建失败：未知文字

的错误

方案1：

需要在build文件下的webpack.base.conf.js中加上下面的代码即可

{  
      test: /\.css$/,  
      include: [  
       /src/,//表示在src目录下的css需要编译  
       '/node_modules/element-ui/lib/'   //增加此项  
        ],  
        loader:'style-loader!css-loader'  
}, 

方案2：

如果方案1无效

则不配置这项信息，就是注释掉整个css配置项

//{  

    //  test: /\.css$/,  

     // include: [  

     //  /src/,//表示在src目录下的css需要编译  

     // '/node_modules/element-ui/lib/'   //增加此项  

      //  ],  

     //   loader:'style-loader!css-loader'  

//}, 

如果方案1和方案2都无效的话，重新安装依赖模块后再试试

cnpm install style-loader --save-dev

cnpm install css-loader --save-dev

cnpm install file-loader --save-dev