私はアプリケーションを構築しようとしていますが、問題が次々と発生しています。かつて AppComponent を受け入れていたアプリケーションは、ng2-charts.js を導入すると受け入れなくなりました。次のエラーが表示されます。
このアプリケーションを実行するために System.js と Node.js を使用しています。ノードモジュールフォルダーをアンインストールして再インストールしました。私app.module.ts
と私の app.component.ts ファイルは次のとおりです。
app.module.ts
import {NgModule} from "@angular/core";
import {BrowserModule} from "@angular/platform-browser";
import {FormsModule} from "@angular/forms";
import {HttpModule} from "@angular/http";
import {AppComponent} from "./app.component";
import TwitterService from "./twitter.service";
import BarGraphComponent from "./bar-graph.component";
import LineGraphComponent from "./line-graph.component";
import { ChartsModule } from "ng2-charts";
import {DataService} from "./data.service";
@NgModule({
imports: [BrowserModule, FormsModule, HttpModule, ChartsModule ],
declarations: [AppComponent, BarGraphComponent, LineGraphComponent],
bootstrap: [AppComponent],
providers: [TwitterService, DataService]
})
export default class AppModule { }
app.component.ts
import {Component, OnInit} from "@angular/core";
import * as io from "socket.io-client";
import {DataService} from "./data.service";
import TwitterService from "./twitter.service";
import {IoToken} from "./di";
@Component({
selector: "app",
templateUrl: "/app/app.component.html",
providers: [TwitterService, DataService, {provide: IoToken, useValue: io}]
})
export class AppComponent implements OnInit {
constructor(private twitter: TwitterService, private data: DataService) {}
topWords = this.data.topWords;
topWordsCount = this.data.topWordsCount;
topHashtags = this.data.topHashtags;
topHashtagsCount = this.data.topHashtagsCount;
tweets = this.data.tweets;
tweetsOverTime = this.data.tweetsOverTime;
getTweetCount = () => this.data.totalCount;
ngOnInit(){
this.data.setSource(this.twitter.startStreaming());
}
}
socket.io は子コンポーネントで使用および宣言されていることに注意してください。ただし、これが問題にならないように、子コンポーネントのコードをコメントアウトしました。これに関する助けをいただければ幸いです。