Angular-找不到名称CookieService

时间:2019-05-11 21:30:00

标签: javascript angular cookies angular-services angular-template

我已经在我的角度项目中安装了ngx cookie,但是不幸的是,我的应用程序无法识别它。.我不知道该怎么办。.

我在node_modules文件夹中看到了ngx-cookie,但是在我的应用中无法识别。

这是我的node_module:

enter image description here

它也在我的package.json中

enter image description here

我以前使用过ngx-cookie,但从未遇到任何问题,我只是使用了以下命令(以防我需要特定版本):

npm install ngx-cookie@2.0.1

对于最新版本,我使用了以下命令:

npm i ngx-cookie

但是当我尝试在项目中使用它时,会给我一个错误:

enter image description here

任何一种帮助都很棒

谢谢大家

干杯!

2 个答案:

答案 0 :(得分:0)

您必须导入模块和组件

import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { CookieModule } from 'ngx-cookie';

import { AppComponent }  from './app.component';

@NgModule({
  imports: [ BrowserModule, CookieModule.forRoot() ],
  declarations: [ AppComponent ],
  bootstrap: [ AppComponent ]
})
export class AppModule { }
import { Component } from '@angular/core';
import { CookieService } from 'ngx-cookie';

@Component({
    selector: 'my-very-cool-app',
    template: '<h1>My Angular2 App with Cookies</h1>'
})

export class AppComponent { 
  constructor(private _cookieService:CookieService){}

  getCookie(key: string){
    return this._cookieService.get(key);
  }
}

希望有帮助

答案 1 :(得分:0)

您需要使用CookieService在模块中添加CookieModule.forRoot(),并使用import { CookieService } from 'ngx-cookie';将其添加到页面顶部