鍍金池/ 問(wèn)答/HTML/ vue-cli生成的項(xiàng)目，main.js引入scss時(shí)報(bào)錯(cuò)

vue-cli生成的項(xiàng)目，main.js引入scss時(shí)報(bào)錯(cuò)

首先，生成以后一行都沒(méi)改，就引入，然后報(bào)錯(cuò)
報(bào)錯(cuò)信息：

 ERROR  Failed to compile with 1 errors                                                                                                                                15:04:40

This relative module was not found:

* ./assets/css/style.scss in ./src/main.js

代碼如下,路徑?jīng)]問(wèn)題：

import './assets/css/style.scss'
回答
編輯回答
假灑脫

1、根據(jù)控制臺(tái)提示安裝相應(yīng)的loader，webpackwebpack配置文件不需要增加多余配置
2、vue文件里面的style標(biāo)簽記得增加lang = "scss"屬性

2018年4月25日 04:07
編輯回答
淚染裳

clipboard.png

2017年12月9日 18:48
編輯回答
刮刮樂(lè)

clipboard.png

npm install --save-dev node-sass
npm install --save-dev sass-loader

clipboard.png

新版的vue-cli中的webpack.base.config.js 不需要再配置sass-loader了，如果是舊版的配置了loader，你可以刪除了再啟動(dòng)項(xiàng)目試試。

2017年12月4日 19:33
編輯回答
巫婆

main.js是入口文件，而此時(shí)的vue并沒(méi)有實(shí)例化，因?yàn)楣俜降呐渲枚挤诺絭ue-loader里面，所以沒(méi)實(shí)例化就引入scss那是不行的

2017年4月6日 22:39
編輯回答
妖妖

scss-loader 是vue-cli不自帶的 以前也不自帶的 它需要自己手動(dòng)去安裝

2017年7月5日 22:36
編輯回答
骨殘心

可以在app.vue的style里用@import引入公共樣式。另外如果構(gòu)建項(xiàng)目的時(shí)候沒(méi)有選擇使用sass，需要你自己安裝sass-loader然后去配置一下

2017年1月13日 13:57
編輯回答
蟲児飛

必須要手動(dòng)去安裝的！
npm install --save-dev node-sass
npm install --save node-sass
npm install --save-dev sass-loader

可以試試看

2017年9月22日 06:44
編輯回答
尐潴豬

我也遇到了同樣的問(wèn)題，估計(jì)是因?yàn)関-cli升級(jí)有變化造成的，以前都挺好的

2018年8月31日 04:24
編輯回答
尛曖昧

提供一個(gè)思路：1、安裝相應(yīng)的sass的loader。2、在webpack.config.js中設(shè)置相應(yīng)的配置，即所有的.scss文件都用sass-loader來(lái)編譯；文件在main.js中引入沒(méi)問(wèn)題。

2017年5月31日 07:07
編輯回答
舊顏

新版本的vue-cli已經(jīng)幫我們把sass-loader配置好了，放在了util.js里面。
原來(lái)我們需要在webpack.base.config.js中去配置以下這段代碼：

{
    test: /\.scss$/,
    use: [
        {
            loader: 'style-loader' // creates style nodes from JS strings
        },
        {
            loader: 'css-loader' // translates CSS into CommonJS
        },
        {
            loader: 'sass-loader' // compiles Sass to CSS
        }
    ]
}

現(xiàn)在不需要這樣配置。如果這樣配置會(huì)報(bào)錯(cuò)，因?yàn)榕渲弥貜?fù)了。
所以，只需要安裝相應(yīng)的loader，比如使用sass需要安裝node-sass、sass-loader。

2017年11月14日 23:06