WebStorm не может разрешить импорт scss - PullRequest
Новая
       16

WebStorm не может разрешить импорт scss

0 голосов
/ 14 октября 2019

WebStorm 2019.2 / Vue-CLI

Файл App.vue с импортом scss: 

<template>
  <div id="app">
    <router-view />
  </div>
</template>

<style lang="scss">
@import 'node_modules/bootstrap/scss/bootstrap';
@import 'node_modules/bootstrap-vue/src/index.scss';
@import '@/assets/scss/app.scss';
</style>

Ни один из файлов scss не был успешно разрешен:

enter image description here

Я уже пытался установить папку src в качестве корня ресурса - безрезультатно. Я думал, что WS хорошо работает со всем, что связано с интерфейсом, из коробки ... потому что VSCode делает. Это ошибка? Или я делаю что-то не так.

ОБНОВЛЕНИЕ 1

Я зашел в «Настройки»> «Язык и рамки» / JavaScript / Webpack и установил путь к / Users / alexanderkim / Sites /vueproject/node_modules/@vue/cli-service/webpack.config.js, но псевдоним не отображается.

Ответы [ 2 ]

2 голосов
/ 15 октября 2019

Пожалуйста, попробуйте префикс пути импорта с помощью tilda: 


@import '~@/assets/scss/app.scss';

. Это функция загрузчика sass, которая работает как для псевдонимов node_modules, так и для псевдонимов веб-пакетов. См. https://webpack.js.org/loaders/sass-loader/#imports, веб-пакет (с sass-загрузчиком) - файл scss @import не распознает псевдоним разрешения

0 голосов
/ 14 октября 2019

Вы пытались установить путь с помощью "~" для узловых модулей? И для использования псевдонима "@" вы должны настроить его в своем webpack.config см. Здесь

...