Как исправить @import scss в vue.js?

Question

[thisall]

Пытаюсь перенести шаблон на Vue.js, но выбивает ошибку импорта scss файлов

App.vue

<style>
@import "./assets/scss/style.scss";
</style>

style.scss

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-overflow-scrolling: touch;
  text-decoration: none;
}

@import 'base/fonts';

_fonts.scss

body {
  background: #000;
}

Если убрать "@import" в style.scss будет работать без ошибок

Сама ошибка

This dependency was not found:

* -!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!./base/fonts in ./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-oneOf-1-2!./src/assets/scss/style.scss

To install it, you can run: npm install --save -!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!./base/fonts

Comments

[VegasChickiChicki]

Попробуйте в App.vue тегу style добавить

[thisall]

VegasChickiChicki,

<style land="scss">
@import "./assets/scss/style.scss";
</style>

Так не работает

[Юрий]

thisall, не land, а lang

Answer 1

[Сергей delphinpro]

Зачем вы так странно импортируете?
Прямо в index.js import "./assets/scss/style.scss";