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 触发

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

Answer 1

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

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

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

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

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

morris.js and raphael.js , node_module not found