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

报错信息如下:

ERROR in ./node_modules/_extract-text-webpack-plugin@3.0.2@extract-text-webpack-plugin/dist/loader.js?{"omit":1,"remove":true}!D:/work/nl_web/node_modules/_vue-style-loader@3.0.3@vue-style-loader!D:/work/nl_web/node_modules/_css-loader@0.28.11@css-loader?{"sourceMap":true}!./node_modules/_vue-loader@13.7.3@vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-6cf3286b","scoped":true,"hasInlineConfig":false}!D:/work/nl_web/node_modules/_sass-loader@7.1.0@sass-loader/lib/loader.js?{"sourceMap":true}!./node_modules/_vue-loader@13.7.3@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\nl_web\node_modules\_extract-text-webpack-plugin@3.0.2@extract-text-webpack-plugin\dist\loader.js:57:11)

解决办法如下:

npm install -g node-gyp 
npm install --global --production windows-build-tools // 如果是windows7系统请安装windows-build-tools@1.4.2

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

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

    原文作者:smallStone
    原文地址: https://segmentfault.com/a/1190000017352527
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞