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 也适用于全球。
我有一个 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]);
我应该如何将 Raphael 包含在 Morris 中才能使其发挥作用?
我遇到了同样的问题,我通过添加解决了这个问题:
new webpack.ProvidePlugin({ Raphael: 'raphael' })
到我的 webpack.config.js 插件部分,使 Raphael 全球可用。 我还添加了:
new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery', jquery: 'jquery' })
较早,因此 jQuery 也适用于全球。