在chartjs-plugin-labels.js中找不到图表对象

1bqhqjot  于 2022-11-07  发布在  Chart.js
关注(0)|答案(1)|浏览(163)

祝你愉快,
在我的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 servenpm 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包中。
但到目前为止没有其他插件的问题。
请指教。

ktca8awb

ktca8awb1#

我也遇到了同样的问题。检查项目中是否有“chartjs-plugin-labels.js”的单个导入,并将其删除。

相关问题