Nuxt 3 - WebStorm не видит alias

Как заставить Webstorm считывать alias указанный в nuxt.config.ts для SCSS? В файлах .

// nuxt.config.ts
export default defineNuxtConfig({
  srcDir: "src/",
  alias: {
    "@app-variables": fileURLToPath(
       new URL("./src/assets/scss/_variables.scss", import.meta.url)
     ),
    scss: fileURLToPath(new URL("./src/assets/scss", import.meta.url)),
  },
  ...
});

Использование:

page/index.vue

page/index.vue

На данном изображении видно, что когда alias указан к директории то WebStrom его видит, а когда указан на конкретный файл, то нет. Доступ к переменным в любом из случаев работает.

assets/scss/_VApp.scss

введите сюда описание изображения

В SCSS файлах не работает все варианты объявления.

  • Webstorm 2022.3.1
  • Nuxt 3

Ответы (0 шт):