core.js:9110错误TypeError：$(...).flowchart不是函数

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文件。我在我的angular项目中遇到了同样的问题，所以我在我的项目中添加了以下js文件。

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

我希望这能对你有所帮助。