morris.js 和 raphael.js ，找不到 node_module

Question

我有一个 Angular 项目，我正在使用 morris.js。我的 package.json 引用了 morris 和 raphael，如下所示：

dependencies{
....
"raphael": "^2.2.7",
    "morris.js": "0.5.0",
....
}

我还检查了 node_module 文件夹，两个依赖项都存在。在 mycomponent.ts 中，我正在这样做：

import  'morris.js';

export class mycomponent implements OnInit {
areaChart: morris.GridChart;

.....
 this.areaChart = Morris.Area({
.....)}

}

我收到“ERROR ReferenceError: Raphael is not defined”的错误

当它在做 this.raphael = new Raphael(this.el[0]); 时，它被 morris.js 解雇了

我应该如何在 Morris 中加入 Raphael 以使其发挥作用？

Answer 1

我遇到了同样的问题，我通过添加：

new webpack.ProvidePlugin({ Raphael: 'raphael' })

到我的 webpack.config.js 插件部分，使 Raphael 全球可用。 我还添加了：

new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery', jquery: 'jquery' })

之前，jQuery 也可以在全球范围内工作。