当node升级后导致webpack打包出错，node-saas出问题的解决办法

Posted 2021-01-29 lovollll

报错信息如下：

ERROR in ./node_modules/[email protected]@extract-text-webpack-plugin/dist/loader.js?{"omit":1,"remove":true}!D:/work/nl_web/node_modules/[email protected]@vue-style-loader!D:/work/nl_web/node_modules/[email protected]@css-loader?{"sourceMap":true}!./node_modules/[email protected]@vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-6cf3286b","scoped":true,"hasInlineConfig":false}!D:/work/nl_web/node_modules/[email protected]@sass-loader/lib/loader.js?{"sourceMap":true}!./node_modules/[email protected]@vue-loader/lib/selector.js?type=styles&index=0!./src/components/audioItem1/audioItem1.vue
Module build failed: Error: "extract-text-webpack-plugin" loader is used without the corresponding plugin, refer to https://github.com/webpack/extract-text-webpack-plugin for the usage example
    at Object.pitch (d:work
l_web
ode_modules[email protected]@extract-text-webpack-plugindistloader.js:57:11)

解决办法如下：

npm install -g node-gyp 
npm install --global --production windows-build-tools // 如果是windows7系统请安装[email protected]

解释原因：
saas是一个日本人搞得ruby语言中使用的一个预编译器，以前使用的时候我们需要安装ruby环境，后来gulp整合了saas也是挺好用的，
但是，node-saas就需要python环境了，所以很多人又不知道，就升级了node，导致node-saas无法使用了，
由于我使用了vue-element-admin这个架子，但自带的是node5.6.0这个版本，当需要升级node时候，就升级了（打包速度变快了点），
结果导致node-saas出错，本人也是搜索了很多信息，找了个种办法，都无法解决，在一次偶然的地方遇到有人说安装以上两个就行了，
我就抱着试一试的态度装了一下果然好了。

最后建议：
希望大家都使用stylus吧，安装简单，依赖的环境简单，升级无压力，代码和写python一样，本着“人生苦短，我用python”这个名言，我建议别再折腾这个坑saas了！

来源：https://segmentfault.com/a/1190000017352527