Jak importować plik angular2-cookie w projekcie angular4 - javascript, angleular, angular2-cookie

Próbuję importować angular2-cookie w moim projekcie kątowym4.

Mój projekt jest zbudowany pod kątem -cli@1.2.7, oto moje 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"
}
}

temu angular2-cookie dochttps://github.com/salemdar/angular2-cookie#cli pytają mnie, aby dodać coś w angular-cli-build.js, ale nie mam angular-cli-build.js ani systemjs.config.js

Importować angular2-cookie w app.module.ts z:

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

Mój projekt działa dobrze z ng server i to również działa dobrze w moim chrome.

zbudowana jest pomyślnie z ng build --prod, ale kiedy go uruchomić w przeglądarce chrome lub uruchomić go z ng server --aot , konsola chrome Pokaż ten błąd:

ERROR Error: No provider for CookieOptions!

Jak można rozwiązać ten problem? Dzięki wszystko!

Odpowiedzi:

Dodaj CookieOptions w Twojej instrukcji import, jak zaimportować {CookieService, CookieOptions} z "angular2-cookie"; a następnie dodać CookieService i CookieOptions w Module głównym "s dostawcy tablicy.