Question

我一直用这个把头撞在墙上。我似乎无法弄清楚如何在我的Angular 6项目中包含Laravel Echo，以便可以在组件中使用它。

我运行npm install laravel-echo，没问题。

当我尝试这样做时，我注意到了

import { Echo } from 'laravel-echo';

我明白了：

未捕获的错误：模块'AppModule'导入了意外的值'undefined'

我尝试引用node_modules文件夹中的文件：

import { Echo } from 'node_modules/laravel-echo/src/echo';

但是得到了：

node_modules / laravel-echo / src / connector / pusher-connector.ts（30,27）中的错误：错误TS2304：找不到名称“ Pusher”。

以及许多其他缺少的依赖项列表。然后：

丢失的文件似乎是第三方库的一部分。已发布库中的TS文件通常是库包装不良的标志。请在库存储库中打开一个问题，以警告其作者，并请他们使用Angular Package Format打包库

因此，我尝试将其添加到我的angular.json文件中：

"scripts": [
    "node_modules/laravel-echo/dist/echo.js"
]

它已加载到项目中，但出现此错误：

未捕获的ReferenceError：模块未定义在echo.js：933

我注意到该软件包的文件结构看起来像是可以像其他模块一样导入的：

很明显，我不知道我在这里做什么。

将此软件包添加到我的Angular6项目中的正确方法是什么？

非常感谢！