祝你愉快,
在我的Angular 项目中,我想使用图表插件,因此我运行both命令如下:
npm install angular2-chartjs
npm install chartjs-plugin-labels
然后将其导入到ts文件中,如下所示:
import { ChartModule } from 'angular2-chartjs';
import 'chartjs-plugin-labels';
在我的package.json中,我有这样的内容:
"angular2-chartjs": "^0.5.1",
"chartjs-plugin-labels": "^1.1.0",
在我的本地,我用ng serve
命令启动了我的角项目,一切都很好。
但是当我生成Web包并部署到SIT Apache Web服务器时,我会在加载页面时遇到“找不到图表对象”错误。
我从chrome控制台看到的错误如下:
我相信它的扔从chartjs-plugin-lables.js:
我使用npm run sit
命令生成SIT包:
下面是我的package.json
的一部分,关于它对ng serve
和npm run sit
做了什么:
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"demo": "ng build -c=demo --base-href=/demo/",
"dev": "ng build -c=dev --base-href=/sib/",
"sit": "ng build -c=sit --base-href=/sib/ && ts-node git.version.ts -c sit && ts-node app.version.ts -c sit",
"uat": "ng build -c=uat --base-href=/sib/ && ts-node git.version.ts -c uat && ts-node app.version.ts -c uat",
"prod": "ng build -c=prod --base-href=/sib/ && ts-node git.version.ts -c prod && ts-node app.version.ts -c prod",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e",
"version": "ts-node git.version.ts -c prod"
},
我怀疑的是,当我运行npm run sit
时,生成Web包的方式不同,并且一些char对象没有生成到Web包中。
但到目前为止没有其他插件的问题。
请指教。
1条答案
按热度按时间ktca8awb1#
我也遇到了同样的问题。检查项目中是否有“chartjs-plugin-labels.js”的单个导入,并将其删除。