老师 为什么引入scss的index.scss文件就报错的呢

老师 为什么引入scss的index.scss文件就报错的呢

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import "babel-polyfill"
import Vue from 'vue'
import App from './App'
import router from './router'
import fastClick from "fastclick"
import "assets/scss/index.scss"

fastClick().attach(document.body)//解决0.3s的延迟
Vue.config.productionTip = false




/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})





//

@charset "UTF-8";

@import "reset";
@import "base";
@import "icons";
@import "containers";
@import "tabbar";


正在回答

登陆购买课程后可参与讨论,去登陆

3回答

你好,从报错信息看,可能是sass-loader版本的问题:

http://img1.sycdn.imooc.com//climg/5dba79100951496406490220.jpg

第一次回答中老师说过了,要更改版本哦:

http://img1.sycdn.imooc.com//climg/5dba794809430def07740148.jpg

自己安装试一下,祝学习愉快!

好帮手慕星星 2019-10-31 09:32:31

你好,可以看看package.json文件中插件是否安装成功了,例如:

http://img1.sycdn.imooc.com//climg/5dba39580955297003240036.jpg
http://img1.sycdn.imooc.com//climg/5dba397109ce1abc03090028.jpg

如果没有安装成功,可以重新下载。

如果安装成功了,启动之后仍然报错的话,建议将报错信息粘贴上来,老师帮助你看一下。

祝学习愉快!

  • 提问者 慕斯卡8252506 #1
    老师 ,文件安装成功了,但是还是报错index.js?bed3:161 [WDS] Errors while compiling. Reload prevented. errors @ index.js?bed3:161 onmessage @ socket.js?57b2:41 EventTarget.dispatchEvent @ sockjs.js?3600:170 eval @ sockjs.js?3600:887 SockJS._transportMessage @ sockjs.js?3600:885 EventEmitter.emit @ sockjs.js?3600:86 WebSocketTransport.ws.onmessage @ sockjs.js?3600:2961 index.js?bed3:167 ./node_modules/css-loader??ref--10-1!./node_modules/postcss-loader/lib??ref--10-2!./node_modules/_sass-loader@8.0.0@sass-loader/dist/cjs.js??ref--10-3!./src/assets/scss/index.scss Module build failed: TypeError: this.getResolve is not a function at Object.loader (C:\Users\tuan\Desktop\vue\mall\node_modules\_sass-loader@8.0.0@sass-loader\dist\index.js:52:26) @ ./src/assets/scss/index.scss 4:14-229 13:3-17:5 14:22-237 @ ./src/main.js @ multi (webpack)-dev-server/client?http://0.0.0.0:8081 webpack/hot/dev-server ./src/main.js
    2019-10-31 13:40:04
好帮手慕星星 2019-10-30 09:36:26

同学你好,

报错是正常的,因为还没有安装编译scss的插件,在下一个小节中会有安装:

http://img1.sycdn.imooc.com//climg/5db8e8cb09a85e6814240927.jpg

安装sass-loader的时候可能会有版本问题,建议按照如下命令进行安装:

cnpm install --save--dev node-sass  sass-loader@6.0.7

自己试一下或者继续往下面听课哦,祝学习愉快!

欢迎采纳~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师