生成项目时出现chartjs和vue-chartjs错误

问题描述

在我的项目中，我正在使用打字稿和基于类的组件。当我编写yarn-start命令时，在终端上显示错误，并且无法在netlify上构建项目。我使用了两个软件包图表和 vue-chartjs ，这两个软件包都发生了错误。

package.json

{
  "name": "chobi-market","version": "2.0.0","private": true,"scripts": {
    "serve": "vue-cli-service serve","build": "vue-cli-service build","lint": "vue-cli-service lint"
  },"dependencies": {
    "bootstrap": "^4.3.1","chart.js": "^2.9.3","core-js": "^2.6.5","element-ui": "^2.11.1","imagesloaded": "^4.1.4","tslib": "^1.10.0","vue": "^2.6.10","vue-animejs": "^2.1.1","vue-awesome-swiper": "^3.1.3","vue-chartjs": "^3.4.2","vue-class-component": "^7.0.2","vue-images-loaded": "^1.1.2","vue-masonry": "^0.11.7","vue-page-transition": "^0.2.2","vue-property-decorator": "^8.1.0","vue-router": "^3.0.3","vuex": "^3.0.1"
  },"devDependencies": {
    "@fortawesome/fontawesome-free": "^5.9.0","@vue/cli-plugin-babel": "^3.7.0","@vue/cli-plugin-typescript": "^3.7.0","@vue/cli-service": "^3.7.0","node-sass": "^4.9.0","sass-loader": "^7.1.0","typescript": "^3.4.3","vue-template-compiler": "^2.5.21"
  }
}

终端错误和netlify构建日志中的相同错误

ERROR in C:/Momin/Self/photo-droplet/node_modules/vue-chartjs/types/components.d.ts
7:27 Cannot use namespace 'ChartData' as a type.
    5 | export declare class BaseChart extends Vue {
    6 |   addplugin (plugin?: object): void
  > 7 |   renderChart (chartData: ChartData,options?: ChartOptions): void
      |                           ^
    8 | }
    9 | 
ERROR in C:/Momin/Self/photo-droplet/node_modules/vue-chartjs/types/components.d.ts
7:48 Cannot use namespace 'ChartOptions' as a type.
    5 | export declare class BaseChart extends Vue {
    6 |   addplugin (plugin?: object): void
  > 7 |   renderChart (chartData: ChartData,options?: ChartOptions): void
      |                                                ^
    8 | }
    9 | 
ERROR in C:/Momin/Self/photo-droplet/node_modules/vue-chartjs/types/mixins.d.ts
5:14 Cannot use namespace 'ChartData' as a type.
    3 | 
    4 | export declare class ReactiveDataMixin extends Vue {
  > 5 |   chartData: ChartData;
      |              ^
    6 | }
    7 | 
    8 | export declare class ReactivePropMixin extends Vue {
ERROR in C:/Momin/Self/photo-droplet/node_modules/vue-chartjs/types/mixins.d.ts
9:23 Cannot use namespace 'ChartData' as a type.
     7 | 
     8 | export declare class ReactivePropMixin extends Vue {
  >  9 |   readonly chartData: ChartData;
       |                       ^
    10 | }
    11 | 
No lint errors found

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascript vue-chartjs vue.js