背景
vue2.0里面sass编译打包报错!
解决
问题
在vue2.0中安装了sass!生产环境npm run dev
一切正常!但是在npm run build
后就直接报错!
1.一脸懵逼然后把错误提示粘贴过来放到一个js里面仔细看!
ERROR in ./~/._extract-text-webpack-plugin@2.1.0@extract-text-webpack-plugin/loader.js?
{"omit":1,"remove":true}!./~/._vue-style-loader@2.0.5@vue-style-loader!
e: /cj/jsnovel/~/._css-loader@0.28.1@css-loader?{"minimize":true,"sourceMap":false}
!./~/._vue-loader@11.3.4@vue-loader/lib/style-compiler?{"id":"data-v-70e06d72","
scoped":true,"hasInlineConfig":false}!./~/._vue-loader@11.3.4@vue-loader/lib/sel
ector.js?type=styles&index=0!./src/components/RowDetail.vue
发现是有关于一个extract-text-webpack-plugin文件模块的问题!
2.然后就卸载掉然后重新装一个新版本!
npm uninstall --save-dev extract-text-webpack-plugin //卸载extract-text-webpack-plugin
cnpm install --save-dev extract-text-webpack-plugin@2.0.0-beta.4 //安装extract-text-webpack-plugin
你以为成功了么!错!打包编译结果就是嗝屁了!
看到上面的错误!我当时其实是下了一身冷汗!太冒险了!整个文件解决不了!现在还没法还原了!
3.但是现在已经搞成这样了!一步错二不休!我直接把node_module整个文件夹都删掉!然后重新安装依赖!
- 这次我没用npm!安全起见!我换成了淘宝的镜像!
$ npm install -g cnpm --registry=https://registry.npm.taobao.org //换成淘宝镜像
cnpm install //用cnpm在vue的根目录下!就是有package.json的同目录!安装依赖!
然后我运行
npm run dev
提示没找到axios!这是我vue2.0项目里用的一个插件!类似于jquery的ajax!然后又cnpm install --save axios
安装了下!最后再运行!完美!可以运行sass!也可以打包编译!
4.最终我愉快的开始了我sass!也就是scss的编辑之路!