Javascript 角形的外部

不幸的是，对于Angular，运行项目似乎需要很多配置文件和基本文件。我没有在这个页面上乱放代码，也没有做大量的复制粘贴工作，而是把它放在一个可以克隆和运行的repo中。或者，它可以在线运行在使用。StackBlitz也无法解析应该包含在VSS Web扩展包中的“TFS”包

---

我正在尝试将和一起使用，以便为我的Azure Dashboard创建一个自定义小部件。（请注意，此问题不需要访问Azure）

我无法加载我想在运行时使用的库，我不确定原因

我得到以下错误

Uncaught ReferenceError: TFS is not defined
    at Object.TFS/Dashboards/WidgetHelpers (WidgetHelpers":1)
    at __webpack_require__ (bootstrap:79)
    at Object../src/app/app.component.ts (Binding.component.ts:14)
    at __webpack_require__ (bootstrap:79)
    at Object../src/app/app.module.ts (app.component.ts:76)
    at __webpack_require__ (bootstrap:79)
    at Object../src/main.ts (environment.ts:19)
    at __webpack_require__ (bootstrap:79)
    at Object.0 (polyfills.ts:72)
    at __webpack_require__ (bootstrap:79)

我有一个自定义的webpack配置文件来扩展默认的angular build webpack配置

module.exports = {
    externals: [
        /^VSS\/.*/, /^TFS\/.*/, /^q$/
    ]
};

这些外部文件是从一个项目中提取出来的，该项目似乎设置了一个名为。可以访问它们的配置。我在编译时遇到构建问题后发现了这一点

该错误是在运行时从

app.component.ts

文件生成的。当涉及库的行被注释掉时，就没有问题了

我对Webpack和Angular都是新手，所以我可能在扩展Angular builder时犯了一个错误，但我不确定。有人对我做错了什么有什么建议吗

---

---

我已经将一个最小的可运行示例项目上传到GitHub，只要您设置了npm，就可以下载并运行该项目。你可以得到。使用您正在使用的SDK包的可能副本运行，该SDK包支持模块加载和类型脚本。我想你只是把一切都搞复杂了。您是否尝试过只需

npm安装vss web extension sdk

，然后导入所需的模块。在这里，你正在做一个网页包，一个require和一个lib文件夹。“我认为这些都不需要。”非常感谢您的回复。我不认为这是一个重复的问题，因为我在脚本中引用了VSS js脚本。此外，lib文件夹仅用于简化对指定脚本的引用。它类似于您链接的问题（第二个答案）中提到的“供应商”文件夹。我希望使用angular，因为我非常喜欢框架的工作方式，并允许我为小部件编写UI。然而，正如我在问题中提到的，我正在努力理解制作vss模块的Web包work@Reactgular我已经研究了如何使用vss web extension sdk，并成功地获得了使用该sdk的工作示例，但我希望将该模块的使用与以下框架混合使用：Angular@Reactgular在发布这个问题后，我确实在github页面上遇到了这个问题。它似乎解决了这个问题。你知道什么是“加载器”函数吗？我一直无法弄清楚这是什么以及如何实施。再次感谢您提供的任何帮助，您正在使用的SDK包的可能副本支持模块加载和TypeScript。我想你只是把一切都搞复杂了。您是否尝试过只需

npm安装vss web extension sdk

，然后导入所需的模块。在这里，你正在做一个网页包，一个require和一个lib文件夹。“我认为这些都不需要。”非常感谢您的回复。我不认为这是一个重复的问题，因为我在脚本中引用了VSS js脚本。此外，lib文件夹仅用于简化对指定脚本的引用。它类似于您链接的问题（第二个答案）中提到的“供应商”文件夹。我希望使用angular，因为我非常喜欢框架的工作方式，并允许我为小部件编写UI。然而，正如我在问题中提到的，我正在努力理解制作vss模块的Web包work@Reactgular我已经研究了如何使用vss web extension sdk，并成功地获得了使用该sdk的工作示例，但我希望将该模块的使用与以下框架混合使用：Angular@Reactgular在发布这个问题后，我确实在github页面上遇到了这个问题。它似乎解决了这个问题。你知道什么是“加载器”函数吗？我一直无法弄清楚这是什么以及如何实施。再次感谢您提供的任何帮助