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"。
我最近开始使用 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"。