Почему websotrm не видит alias из webpack?

Question

[quiplunar]

В webpack прописан такой alias для изображений:

alias: {
    assets: path.resolve(__dirname, './src/static/assets')
},

Ссылаюсь на изображение в html:



И webstorm не понимает alias, и следовательно нет autocomlit'а. Но webpack все собирает нормально:

Comments

[historydev]

Я не эксперт, но мне кажется если вы установили путь в веб-паке, нет нужды писать его ещё раз в статике, уберите путь, оставьте 1.jpg, может заработает)

[quiplunar]

Владимир, А у меня он и так работает, и я еще раз ничего не пишу. Это alias который вставляет путь до assets, а там уже я дальше пишу что мне нужно. Проблема в том что webstorm не хочет понимать это

[LionG]

Такая же проблема с Vue файлом. В JS подключает без проблем, а в шаблоне и стилях не находит путь, при этом компилит все норм.

Конфиг вебпака с алиасами подключается в вебшторме во вкладке языки/JS, думаю проблема в том что эти аллиасы при таком подключении применяются только для JS.

Answer 1

[Александр Аксентьев]

Мне помогает jsconfig.json в корне проекта

{ 
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
        "@/*": ["src/*"]
    }
  },
  "exclude": ["node_modules", "dist"]
}

Comments

[quiplunar]

Для js файлов все заработало, а для html по прежнему нет((

Answer 2

[SimBioT19]

У меня так. Добавьте свой alias и если потребуется перезапустите WebStorm/PhpStorm

// webpack.config.js

const path = require('path');

function resolve(dir) {
  return path.resolve(__dirname, dir);
}

module.exports = {
  resolve: {
    extensions: ['.js', '.vue', '.json', '.ts'],
    alias: {
      '@': resolve('src/'),
    },
  },
};

Comments

[quiplunar]

@SimBioT19

Не-а не работает, webstorm ни в какую не видит alias. И weback перестал работать. Пришлось чу чуть поменять ваш alias:

alias: {
    '@': resolve(./'src'),
}

Можете показать ваш проект в git? Буду благодарен :)

Answer 3

[Aetae]

Возможно надо ему явно указать на конфиг:

Comments

[quiplunar]

Уже указан((

[Aetae]

quiplunar, попробуй "Invalidate caches\restart".

[quiplunar]

Aetae, Пробовал :)

Answer 4

[LionG]

Разобрался. Это был баг WEB-38331 WebStorm'a. C версии 2020.2.1 его пофиксили.