morris.js 和 raphael.js , node_module 未找到

morris.js and raphael.js , node_module not found

我有一个 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 触发

我应该如何将 Raphael 包含在 Morris 中才能使其发挥作用?

我遇到了同样的问题,我通过添加解决了这个问题:

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

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

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

较早,因此 jQuery 也适用于全球。