Angular2-Toaster(https://github.com/Stabzs/Angular2-Toaster)をインストールしようとしています。この例では、npm install angular2-toasterをインストールするのに成功しました。角2: '角膜/アニメーション/ブラウザ'モジュールが見つかりません
npm install '@angular/animations' --save
が、私はモジュールをインポートするとき、私はエラーを持っている:と
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
を:が、私は私が必要見る方法もので、私は一緒にインストールアニメーションCannot find module '@angular/platform-browser/animations'
また、npm install
とnpm update -D && npm update -S
も試してみます。
これは私のapp.module.tsです:
import {BrowserModule} from '@angular/platform-browser';
import {NgModule, Component} from '@angular/core';
import {HttpModule} from '@angular/http';
import {FormsModule, ReactiveFormsModule} from '@angular/forms';
import {FormBuilder} from '@angular/forms';
import {platformBrowserDynamic} from '@angular/platform-browser-dynamic';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations'; <- errors
import {ToasterModule, ToasterService} from 'angular2-toaster';
import {AppComponent} from './app.component';
... my components
@NgModule({
declarations: [
AppComponent,
... my components
],
imports: [
BrowserModule,
FormsModule,
HttpModule,
BrowserAnimationsModule,
ToasterModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule {}
package.json:
{
"name": "spring-boot-angular2-client",
"version": "0.0.0",
"license": "MIT",
"angular-cli": {},
"scripts": {
"ng": "ng",
"start": "ng serve --proxy-config proxy.conf.json",
"test": "ng test",
"pree2e": "webdriver-manager update --standalone false --gecko false",
"e2e": "protractor"
},
"private": true,
"dependencies": {
"@angular/animation": "^4.0.0-beta.8",
"@angular/animations": "^4.4.0-RC.0",
"@angular/common": "^2.3.1",
"@angular/compiler": "^2.3.1",
"@angular/core": "^2.3.1",
"@angular/forms": "^2.3.1",
"@angular/http": "^2.3.1",
"@angular/platform-browser": "^2.3.1",
"@angular/platform-browser-dynamic": "^2.3.1",
"@angular/router": "^3.3.1",
"angular2-toaster": "^4.0.1",
"bootstrap": "^3.3.7",
"core-js": "^2.4.1",
"rxjs": "^5.0.1",
"ts-helpers": "^1.1.1",
"zone.js": "^0.7.2"
},
"devDependencies": {
"@angular/compiler-cli": "^2.3.1",
"@types/jasmine": "2.5.38",
"@types/node": "^6.0.42",
"angular-cli": "1.0.0-beta.28.3",
"codelyzer": "~2.0.0-beta.1",
"jasmine-core": "2.5.2",
"jasmine-spec-reporter": "2.5.0",
"karma": "1.2.0",
"karma-chrome-launcher": "^2.0.0",
"karma-cli": "^1.0.1",
"karma-jasmine": "^1.0.2",
"karma-remap-istanbul": "^0.2.1",
"protractor": "~4.0.13",
"ts-node": "1.2.1",
"tslint": "^4.3.0",
"typescript": "~2.0.3"
}
}
おかげさまで、ありがとうございます。どうしてAngular2-ToasterをAngular 2にインストールできますか? npmをインストールすると、angle2-toasterが@animationsを取得しようとすると、モジュールが見つかりません。エラー: '@ angular/animations'を解決できません。 – Hazlo8
解決済み、npm install [email protected]^2.0.0を使用しました! – Hazlo8