Angular项目无法安装ngx-cookie-service，求解决方案

问题原因 #

你当前使用的Angular版本是11.1.2，但默认安装的ngx-cookie-service@15.0.0要求依赖Angular 15.x以上版本，导致依赖树解析失败。

可行解决方案 #

1. 安装与Angular版本匹配的ngx-cookie-service #

ngx-cookie-service的版本和Angular版本严格对应，你需要安装适配Angular 11的版本：

npm install ngx-cookie-service@11.0.2

安装完成后，按照常规步骤在模块中导入CookieService并注入使用即可。

2. 忽略peer依赖警告安装（不推荐） #

如果临时需要跳过依赖检查，可以使用--legacy-peer-deps参数强制安装：

npm install ngx-cookie-service --legacy-peer-deps

注意：这种方式会忽略版本不兼容的警告，可能引发潜在的运行时问题，仅作为临时应急方案。

3. 自定义Cookie操作服务 #

如果不想依赖第三方库，可以自己封装一个轻量的Cookie服务，示例代码如下：

创建src/app/services/cookie.service.ts：

import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class CookieService {

  constructor() { }

  // 设置Cookie
  set(name: string, value: string, expiresDays?: number): void {
    let expires = '';
    if (expiresDays) {
      const date = new Date();
      date.setTime(date.getTime() + (expiresDays * 24 * 60 * 60 * 1000));
      expires = `; expires=${date.toUTCString()}`;
    }
    document.cookie = `${name}=${value || ''}${expires}; path=/`;
  }

  // 获取Cookie
  get(name: string): string | null {
    const nameEQ = `${name}=`;
    const ca = document.cookie.split(';');
    for (let i = 0; i < ca.length; i++) {
      let c = ca[i];
      while (c.charAt(0) === ' ') c = c.substring(1, c.length);
      if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
    }
    return null;
  }

  // 删除Cookie
  delete(name: string): void {
    document.cookie = `${name}=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;`;
  }

  // 清空所有Cookie
  clearAll(): void {
    const cookies = document.cookie.split(";");
    for (const cookie of cookies) {
      const eqPos = cookie.indexOf("=");
      const name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;
      document.cookie = `${name}=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;`;
    }
  }
}

使用时直接在组件中注入该服务即可：

import { Component } from '@angular/core';
import { CookieService } from './services/cookie.service';

@Component({
  selector: 'app-root',
  template: `...`
})
export class AppComponent {
  constructor(private cookieService: CookieService) {
    // 设置Cookie
    this.cookieService.set('username', 'test', 7);
    // 获取Cookie
    const username = this.cookieService.get('username');
    // 删除Cookie
    this.cookieService.delete('username');
  }
}

内容的提问来源于stack exchange，提问作者Deepak Mane