Почему не импортируется scss из node_modules вебпаком?

Question

[jeruthadam]

Вебпак в очередной раз ломает мозг.

Установил @material/checkbox

Пытаюсь сделать

<style lang="scss">
@import '@material/checkbox/mdc-checkbox';
</style>

Использую vue cli webpack стартер.

Выбивает ошибку

in ./~/css-loader?{"minimize":false,"sourceMap":false}!./~/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-563a1fd0","scoped":false,"hasInlineConfig":false}!./~/sass-loader/lib/loader.js?{"sourceMap":false}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/Checkbox.vue
Module build failed: 
@import '@material/checkbox/mdc-checkbox';
^
      File to import not found or unreadable: @material/checkbox/mdc-checkbox.
Parent style sheet: stdin
      in /home/nman/Documents/WORK/frontend-dev/mdc-vue-integration/src/components/Checkbox.vue (line 72, column 1)
 @ ./~/vue-style-loader!./~/css-loader?{"minimize":false,"sourceMap":false}!./~/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-563a1fd0","scoped":false,"hasInlineConfig":false}!./~/sass-loader/lib/loader.js?{"sourceMap":false}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/components/Checkbox.vue 4:14-397 13:3-17:5 14:22-405
 @ ./src/components/Checkbox.vue
 @ ./src/router/index.js
 @ ./src/main.js
 @ multi ./build/dev-client ./src/main.js

Answer 1

[Иван]

Насколько помню там при инициализации шаблона он спрашивает юзать ли SASS.
Курите в сторону настройки вебпака и vue-loader в частности. Например похожая проблема.

@import '@material/checkbox/mdc-checkbox';

Может не @, а ~ ?

Comments

[jeruthadam]

SCSS импортируется нормально все. Не работает только эта библиотека.

[jeruthadam]

Да, это вопрос про вебпак, с настройками и прошу помочь.

[furrya_black]

Вообще то да, тильда без слеша вместо @

[jeruthadam]

furrya_black: это не помогло. Нужно прописывать includePath