鍍金池/ 問答/HTML5  HTML/ Vue開發(fā)的時候報This dependency was not found:

Vue開發(fā)的時候報This dependency was not found:

  1. 使用Nuxt.js創(chuàng)建的Vue項目，編寫scss的時候在style標簽上加上lang="scss",然后保存，編譯的時候就報錯。請問怎么解決呀？研究了一個早上和上午了。
  2. 這是vue代碼

clipboard.png
3.報錯信息

clipboard.png
4.這是nuxt.config.js文件的scss配置

clipboard.png
5.在網(wǎng)上找過很多類似的辦法(比如https://forum.vuejs.org/t/sty...）
但是都沒有用
也執(zhí)行過：npm install css-loader style-loader --save-dev
npm install --save
而且模塊都有。
這是package.json里的依賴

clipboard.png

------新編輯的內(nèi)容-------
又繼續(xù)查找問題的來源，真正問題來源來自源于：@import url('~assets/stylesheet/index');
把這句刪了就沒什么問題，可是這又是為什么呢？我還沒找到解決辦法，那么這樣我該怎么導(dǎo)入獨立scss樣式呢。

---------補充下項目結(jié)構(gòu)，以及scss文件的路徑----------

clipboard.png

下面是關(guān)于～的官方使用方式。

clipboard.png

回答
編輯回答
別逞強

@wwh前端 把~assets 修改成~/assets可以的，倒是不報This dependency was not found:的問題了。
就是找不到scss的路徑，[index.scss, _index.scss, index, _index],試過這些
clipboard.png

2018年4月20日 11:55
編輯回答
蟲児飛

你把@import scss改成正常的相對路徑（../這樣）呢？

2018年6月1日 14:43
編輯回答
孤客

你的alias就是~assets嗎，是的話再加一個~

2018年2月25日 04:59
編輯回答
淺淺

通常，@import 尋找 Sass 文件并將其導(dǎo)入，但在以下情況下，@import 僅作為普通的 CSS 語句，不會導(dǎo)入任何 Sass 文件

  • 文件拓展名是 .css；
  • 文件名以 http:// 開頭；
  • 文件名是 url()；
  • @import 包含 media queries。

如果不在上述情況內(nèi)，文件的拓展名是 .scss 或 .sass，則導(dǎo)入成功。沒有指定拓展名，Sass 將會試著尋找文件名相同，拓展名為 .scss 或 .sass 的文件并將其導(dǎo)入。

2017年7月23日 14:09
編輯回答
毀與悔
use: [
          'style-loader',
          'css-loader',
          'sass-loader'
        ],

這樣試試

2017年9月21日 14:52