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

Posted lovollll

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了当node升级后导致webpack打包出错,node-saas出问题的解决办法相关的知识,希望对你有一定的参考价值。

报错信息如下:


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







以上是关于当node升级后导致webpack打包出错,node-saas出问题的解决办法的主要内容,如果未能解决你的问题,请参考以下文章

Webpack打包出错:Error: Cannot find module ‘webpack/lib/node/NodeTemplatePlugin‘ Require stack:

vue2.0打包webpack出错

Vue项目模板--和--webpack自动化构建工具的---项目打包压缩使用

webpack 3.1 升级webpack 4.0

关于webpack升级过后不能打包的问题;

webpack打包后服务端__dirname失效问题