vue项目引入element-UI后报错

在 vue2 项目使用 npm 安装 element-UI 后按照官方给出的引入方式引入，结果报错，

版本："vue": "^2.5.2", "element-ui": "^2.15.6", "postcss-loader": "^2.0.8",

报错内容大致如下：

./node_modules/css-loader??ref--5-1!./node_modules/postcss-loader/lib??ref--5-2!./node_modules/element-ui/lib/theme-chalk/index.css
Module build failed: Error: Cannot find module 'E:\Repository\cloud-notes\node_modules\postcss-load-config\index.js'. Please verify that the package.json has a valid "main" entry

说是找不到 node_modules/postcss-load-config/index.js 模块，怀疑是路径错误，但是点进去发现路径是对的；package.json 也没问题

重新 npm install 安装 postcss-loader 没用。。。

面向百度编程，找了半天，copy了半天，无果。。。

只能删除 node_modules 和 package-lock.json 重新下载项目所有的依赖

下载完后问题解决，成功引入 element-UI 无报错；

但是在项目的根目录下多了一个 .postcssrc.js 文件

// https://github.com/michael-ciniawsky/postcss-load-config

module.exports = {
  "plugins": {
    "postcss-import": {},
    "postcss-url": {},
    // to edit target browsers: use "browserslist" field in package.json
    "autoprefixer": {}
  }
}

估计就是 postcss-loader 的配置问题，之前如果在根目录下建立一个 .postcssrc.js 文件应该就不会报错了。

总结：只要是安装依赖时出现的报错，删除 node_modules 和 package-lock.json 重新运行 npm install 基本都能解决