angular4プロジェクトでangular2-cookieをインポートする方法

Question

私はangular4プロジェクトでangular2-cookieをインポートしようとしています。私のプロジェクトがangular-cli@1.2.7で構築されて

、ここに私のpackage.jsonです：

{ 
    "name": "ng-admin", 
    "version": "0.0.0", 
    "license": "MIT", 
    "scripts": { 
    "ng": "ng", 
    "start": "ng serve --port 4201", 
    "build": "ng build", 
    "test": "ng test", 
    "lint": "ng lint", 
    "e2e": "ng e2e" 
    }, 
    "private": true, 
    "dependencies": { 
    "@angular/animations": "^4.0.0", 
    "@angular/common": "^4.0.0", 
    "@angular/compiler": "^4.0.0", 
    "@angular/core": "^4.0.0", 
    "@angular/forms": "^4.0.0", 
    "@angular/http": "^4.0.0", 
    "@angular/platform-browser": "^4.0.0", 
    "@angular/platform-browser-dynamic": "^4.0.0", 
    "@angular/router": "^4.0.0", 
    "angular2-cookie": "^1.2.6", 
    "core-js": "^2.4.1", 
    "rxjs": "^5.1.0", 
    "zone.js": "^0.8.4" 
    }, 
    "devDependencies": { 
    "@angular/cli": "^1.2.7", 
    "@angular/compiler-cli": "^4.0.0", 
    "@types/jasmine": "2.5.38", 
    "@types/node": "~6.0.60", 
    "codelyzer": "~2.0.0", 
    "jasmine-core": "~2.5.2", 
    "jasmine-spec-reporter": "~3.2.0", 
    "karma": "~1.4.1", 
    "karma-chrome-launcher": "~2.1.1", 
    "karma-cli": "~1.0.1", 
    "karma-coverage-istanbul-reporter": "^0.2.0", 
    "karma-jasmine": "~1.1.0", 
    "karma-jasmine-html-reporter": "^0.2.2", 
    "protractor": "~5.1.0", 
    "ts-node": "~2.0.0", 
    "tslint": "~4.5.0", 
    "typescript": "~2.2.0" 
    } 
} 

angular2-cookie dochttps://github.com/salemdar/angular2-cookie#cliangular-cli-build.jsに何かを追加するために私に尋ねたが、私はどちらもangular-cli-build.jsもsystemjs.config.js

を持っています

angular2-cookieをapp.module.tsにインポートします。

import { CookieService } from 'angular2-cookie/services/cookies.service'; 
... 
... 
providers: [ 
    CookieService 
] 

私のプロジェクトはng serverでうまく動作し、私のクロムでもうまく動作します。

は、それは、このエラーはng build --prodで正常に構築されたが、私はクロームでそれを実行したりng server --aotでそれを実行すると、クロムコンソールショーされる：

ERROR Error: No provider for CookieOptions! 

どのように私はこの問題を解決することができますか？皆さんありがとう！

Answer 1

'angle2-cookie'のimport {CookieService、CookieOptions}などのインポートステートメントにCookieOptionsを追加します。 CookieServiceとCookieOptionsの両方をルートモジュールのプロバイダ配列に追加します。