Как использовать внешние зависимости в машинописи IntelliJ без Node.js? - PullRequest
Новая
       39

Как использовать внешние зависимости в машинописи IntelliJ без Node.js?

0 голосов
/ 18 апреля 2020

Я новичок в TypeScript, поэтому извините, если это основа c.

В настоящее время я работаю над небольшим веб-приложением с машинописью в IntelliJ IDEA 2020. Я хочу, чтобы оно полностью запускалось в браузере, что, я считаю, означает, что я не могу использовать Node для чего-либо кроме компиляции в JavaScript. Я также хочу использовать некоторые внешние зависимости, такие как JQuery и Plotly, которые доступны через NPM, а также через CDN и имеют .d.ts файлы объявлений.

К сожалению, я не могу понять как использовать эти зависимости без жалоб IntelliJ в редакторе, сбой при компиляции TypeScript и / или мой браузер, выдающий ошибку при попытке запустить скомпилированный JavaScript. Прямо сейчас я получаю первые два: Plotly красный («Не удается найти имя« Plotly ».») И имеет желтое подчеркивание («Ссылка на глобальный UMD»). Я загрузил plotly-latest и @types/plotly.js в Настройки> Языки и рамки> JavaScript> Библиотеки, добавил plotly.js в Настройки> Языки и рамки> Node.js и NPM и непосредственно включил .d.ts файлы в tsconfig.json. Чего мне не хватает?

Вот как выглядит мой tsconfig.json (я использую AMD, чтобы позволить мне импортировать исходные файлы друг в друга, но дайте мне знать, если я делаю это неправильно или если есть что-то еще я должен положить туда): 

{
  "compilerOptions": {
    "lib": ["ES2016", "DOM"],
    "allowJs": true,
    "downlevelIteration": true,
    "allowSyntheticDefaultImports": true,
    "noEmitOnError": true,
    "module": "AMD",
    "outFile": "./build/build.js"
  },
  "include": [
    "src/*",
    "../../../.IntelliJIdea2019.3/config/javascript/extLibs/global-types/node_modules/@types/jquery/misc.d.ts",
    "../../../.IntelliJIdea2019.3/config/javascript/extLibs/global-types/node_modules/@types/tinyqueue/index.d.ts",
    "../../../.IntelliJIdea2019.3/config/javascript/extLibs/global-types/node_modules/@types/plotly.js/lib/index.d.ts"
  ]
}
...