core.js：9110错误TypeError：$（...）。流程图不是函数

Question

我正在从事Angular 8项目。在该项目中，我试图将flowchart jQuery库嵌入到我的应用程序中。

但是当我使用ng serve运行项目时，它可以成功构建，但是在浏览器开发者控制台中，我看到了以下错误：

zone-evergreen.js:172 Uncaught TypeError: $.widget is not a function
    at HTMLDocument.<anonymous> (jquery.flowchart.js:4)
    at e (jquery.min.js:2)
    at t (jquery.min.js:2)
    at ZoneDelegate.invokeTask (zone-evergreen.js:391)
    at Zone.runTask (zone-evergreen.js:168)
    at invokeTask (zone-evergreen.js:465)
    at ZoneTask.invoke (zone-evergreen.js:454)
    at timer (zone-evergreen.js:2650)
client:52 [WDS] Live Reloading enabled.
core.js:9110 ERROR TypeError: $(...).flowchart is not a function
    at flow.component.ts:80
    at ZoneDelegate.invokeTask (zone-evergreen.js:391)
    at Object.onInvokeTask (core.js:34182)
    at ZoneDelegate.invokeTask (zone-evergreen.js:390)
    at Zone.runTask (zone-evergreen.js:168)
    at invokeTask (zone-evergreen.js:465)
    at ZoneTask.invoke (zone-evergreen.js:454)
    at timer (zone-evergreen.js:2650)

我搜索了它们，并尝试安装相关模块，并在项目的angular.json文件中添加了以下几行：

    "scripts": [
     "./node_modules/jquery/dist/jquery.min.js",
     "./node_modules/jquery.panzoom/dist/jquery.panzoom.min.js",
     "./node_modules/jquery.flowchart/jquery.flowchart.js"

    ]

但是似乎它不起作用，我仍然遇到上述错误。我可以通过这种方式用panzoom解决相同的错误，但不适用于widget和flowchart。

Answer 1

我认为您缺少一个js文件。我在我的角度项目中遇到了同样的问题，因此在我的项目中，我添加了以下js文件。

jquery-ui.min.js
jquery.panzoom.min.js
jquery.mousewheel.min.js
jquery.flowchart.min.js

我希望这会对您有所帮助。