鍍金池/ 問答/HTML/ vue main.js引入scss報錯

vue main.js引入scss報錯

1.樣式目錄結(jié)構(gòu)是這樣的

clipboard.png

2.index.scss文件內(nèi)容是這樣的

clipboard.png

3.在main.js的內(nèi)容是這樣的

import Vue from 'vue'
import App from './App'
import router from './router'

import './common/style/index.scss';

fastclick.attach(document.body)

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

4.報錯內(nèi)容：

error in ./src/common/style/index.scss
Module build faild:
body{
^
    Invalid CSS after "...load the styles": expected 1 selector or at-rule,was"var content = requi" in D:\lottery\src\common\style\index.scss(line 1,column 1)

clipboard.png

回答
編輯回答
離魂曲

在.vue和.js文件中使用對應(yīng)的cssload解析就可以了。你用的是sass那就需要先安裝：
//在項目下，運行下列命令行，sass-loader依賴于node-sass，所以還要安裝node-sass
npm install --save-dev sass-loader node-sass

然后在對應(yīng)的配置module中配上對應(yīng)的loader

2017年8月28日 02:37
編輯回答
司令

在App.vue中引入你的scss文件，就可以了，類似這樣

<style lang="scss">
  @import './assets/style/main.scss'
</style>
2018年1月10日 17:29