IntelliJ/WebStorm не найти ссылку на импорт

Question

У меня есть следующая структура проекта:

• корень
  • ГКЗ
    • скрипты
      • main.js
      • foo.js

Внутри моего main.js файла, я импортировать foo.js так:

import 'src/scripts/foo.js' 

Когда я нажимаю на утверждение импорта выше и перейти к Navigate -> Declaration я получаю супер полезное сообщение, которое сообщает Cannot find declaration to go.

Это заставляет работать с большим разочарованием, потому что редактор в принципе понятия не имеет, какие файлы импортируют другие файлы. Это означает, что я не могу использовать полезные особенности IDE, как поиска ссылок при перемещении файла, найти использования, и т.д.

Если изменить оператор импорта, чтобы быть относительными, он работает в целом:

import './foo.js' 

Однако мы стремимся к абсолютному импорту, a habit we picked up from writing python apps.

Я наткнулся на Webstorm: "Cannot Resolve Directory", и это дало мне идею mark мой src каталог как Sources Root. После того, как сделать это, я мог бы изменить мое заявление импорта в main.js к

import '/scripts/foo.js' //notice the leading forward slash 

Ну, это немного лучше, потому что теперь я могу по крайней мере Navigate -> Declaration, но это не идеально, потому что теперь я не могу отметить какой-либо из каталогов под src как тест, ресурс и т. д.

Так почему же IntelliJ/webstorm так сложно делать?

Answer 1

Я бы очень предложил использовать этот стиль импорта в JavaScript-коде. В то время как потенциально работоспособные относительные пути являются стандартом defacto во всем коде NodeJS и распространяются по существу на все JS-коды, которые используют системы модулей.

В существующих системах любой путь, начинающийся с ., является относительным, любой путь, начинающийся с /, является абсолютным, и любой другой путь разрешен к модулю. По этой логике import 'src/scripts/foo.js' будет анализироваться как ./scripts/foo.js относительно модуля зависимости, называемого src.

Обратите внимание, что расширение файла является необязательным и обычно отключено.

Если вы хотите использовать этот стиль, и ваш загрузчик модулей поддерживает его, вы, конечно, можете это сделать, но я хочу подчеркнуть, что вы, вероятно, причиняете боль себе, используя нестандартный подход.

Answer 2

Потому что теперь я не могу пометить любой из каталогов под ним ЦСИ как тест, ресурс и т.д.

Да, вы можете. Невозможно отметить подпапки уже отмеченных папок в представлении проекта. Но вы можете сделать это в Project Structure (Ctrl + Сдвиг + Alt + S). Перейдите на страницу Modules, выберите свой модуль и перейдите на вкладку Sources. Теперь вы можете пометить свою папку src как Sources (которую вы уже сделали) и пометить src/test как Tests и т. Д.

В соответствии с Web Help, в WebStorm этот параметр скрыт в Settings > Directories вместо структуры проекта.

Вот еще одно решение, использующее только представление проекта: снимите отметку с исходной папки, пометьте свои подкаталоги test/resource и затем снова пометьте родительскую папку. Я не уверен, почему это не работает наоборот.