2

我是 TypeScript 的新手,如果这是基本的,很抱歉。

我目前正在 IntelliJ IDEA 2020 中开发一个小型 typescript webapp。我希望它完全在浏览器中运行,我相信这意味着除了编译成 JavaScript 之外,我不能使用 Node 来做任何事情。我还想使用一些外部依赖项,例如 JQuery 和 Plotly,它们可以通过 NPM 以及 CDN 获得,并且具有.d.ts声明文件。

不幸的是,如果没有 IntelliJ 在编辑器中抱怨、TypeScript 无法编译和/或我的浏览器在尝试运行已编译的 JavaScript 时抛出错误,我无法弄清楚如何使用这些依赖项。现在我得到了前两个:Plotly 是红色的(“找不到名称'Plotly'。”)并且有一个黄色的下划线(“对 UMD 全局的引用”)。我已经下载plotly-latest@types/plotly.js在 Settings > Languages & Frameworks > JavaScript > Libraries 中添加plotly.js了 Settings > Languages & Frameworks > 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"
  ]
}
4

0 回答 0