npm 报错 Module build failed: Error: No PostCSS Config found in:

绝地灬酷狼 2022-05-17 08:56 281阅读 0赞

自己想吧以前的项目复制粘贴到现在的一个项目文件夹里，但是有些文件是会被忽略的，所以,我用vscode打开文件，把一些英超那个文件拖过来了，但是运行的时候还是会报如下的错：

[npm 报错 Module build failed: Error: No PostCSS Config found in:][npm _ Module build failed_ Error_ No PostCSS Config found in]

[你在网上找的解决方案应该有提到webpack版本的问题。不要以为升级webpack版本，有些模块升级的节奏跟不上，也有可能不更新了,导致你升级了webpack，找不到postcss的配置。  
目前在npm上查到的postcss配置在webpack.config.js，  
postcss.config.js是针对webpack3.0做的特殊处理][webpack_webpack_webpack_postcss_ _npm_postcss_webpack.config.js_ postcss.config.js_webpack3.0]

### 情景 ###

我使用`vue-cli` 创建项目，然后想换个地方，就把除了`node_modules` 以外的文件全部拷贝到另一个文件，然后传到Git上，想的重新 `npm run dev` 一下就可以。但是在原来位置 就是可以正常展示的，但是在新文件里面就会报错 `Module build failed: Error: No PostCSS Config found in: /Users/***` ，很是尴尬。

### 解决 ###

查了网上的资料说：

需要在根文件里面新建一个文件`postcss.config.js` ,在里面添加以下代码：

module.exports = { 
      plugins: { 
        'autoprefixer': {browsers: 'last 5 version'} 
      } 
    }

然后`npm run dev` ,就可以跑起来了～

[npm _ Module build failed_ Error_ No PostCSS Config found in]: https://www.cnblogs.com/liangru/p/9092349.html
[webpack_webpack_webpack_postcss_ _npm_postcss_webpack.config.js_ postcss.config.js_webpack3.0]: https://segmentfault.com/q/1010000012587882