generator-angular-fullstack 无法添加angular-chart.js

generator-angular-fullstack cannot add angular-chart.js

我最近开始使用 angular,更具体地说是生成器 angular-fullstack (https://github.com/angular-fullstack/generator-angular-fullstack)。

我尝试使用 angular-chart-js (https://github.com/jtblin/angular-chart.js) 库在我的应用程序中显示图形,但没有成功。我在 "app" 模块依赖项中添加 chart.js 时总是出错。

我做了什么:

使用命令"npm install --save angular-chart.js"安装angular-chart.js(在我的应用程序根文件夹中),我检查了"package.json"文件中的依赖项。

修改index.html和_index.html

<head>
    <script src="../node_modules/chart.js/dist/Chart.js"></script>
    <script src="../node_modules/angular-chart.js/dist/angular-chart.js"></script>
</head>

app.js

angular.module('myApp', ['chart.js']);

这个配置给我错误

Module 'chart.js' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

在我尝试不同的配置后

将行从 index.html 和 _index.html 移动到 main.html

main.html

<script src="../../../node_modules/chart.js/dist/Chart.js"></script>
<script src="../../../node_modules/angular-chart.js/dist/angular-chart.js"></script>

以不同的方式导入库,并禁用严格模式app.js。

app.js

import chartJs from 'chart.js';
angular.module('myApp', [chartJs]);

angular.element(document)
  .ready(() => {
    angular.bootstrap(document, ['myApp'], {
      strictDi: false
    });
  });

使用这个设置我得到这个错误

Error: [$injector:modulerr] Failed to instantiate module function (context, config) due to: Error: [$injector:unpr] Unknown provider: context

如果您需要更多信息,请告诉我。

提前致谢!

我找到了错误!!

这是我的更改

app.js

import chartJs from 'angular-chart.js';
angular.module('myApp', [chartJs]);

angular.element(document)
  .ready(() => {
    angular.bootstrap(document, ['myApp'], {
      strictDi: true
    });
  });

库名称错误,我可以重新启用"strict mode"。