Angular集成CookieService后出现ReferenceError: i0未定义错误求助

1. 核对版本兼容性 #

这个错误大多是ngx-cookie-service和Angular版本不匹配导致的，先做版本对齐：

• 执行ng version查看你的Angular版本
• 对应安装匹配的ngx-cookie-service版本：
  • Angular 16+：装ngx-cookie-service@16+
  • Angular 15：装ngx-cookie-service@15.x
  • Angular 14及以下：找对应旧版本
• 重新安装：比如Angular16环境下执行npm install ngx-cookie-service@16 --save

2. 确认根模块注册了CookieService #

只在组件里导入没用，必须在AppModule里把它注册为全局服务：

// app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { CookieService } from 'ngx-cookie-service';
import { AppComponent } from './app.component';

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule],
  providers: [CookieService], // 关键：在这里注册服务
  bootstrap: [AppComponent]
})
export class AppModule { }

3. 清理缓存并重建项目 #

缓存残留可能导致编译异常，按顺序执行：

# 删除依赖和锁文件
rm -rf node_modules package-lock.json
npm install

# 清理Angular缓存并重新构建
ng cache clean --all
ng build --prod

4. 修正组件代码的潜在问题 #

你的代码有语法和逻辑问题，可能间接触发异常，修正后代码如下：

import { CookieService } from 'ngx-cookie-service';
import { FormBuilder, Validators } from '@angular/forms';

// 其他必要导入...

constructor(
    private cookieService: CookieService,
    private _formBuilder: FormBuilder // 确保注入了FormBuilder
) {} // 补充分号和闭合大括号

ngOnInit(): void {
    this.signInForm = this._formBuilder.group({
        email     : ['hughes.brian@company.com', [Validators.required, Validators.email]],
        password  : ['admin', Validators.required],
        rememberMe: [false] // 用布尔值替代空字符串更合理
    });

    // 监听rememberMe的状态变化，而不是初始化时判断
    this.signInForm.get('rememberMe').valueChanges.subscribe(checked => {
        if (checked) {
            const email = this.signInForm.get('email').value;
            this.cookieService.set('rememberedEmail', email, 30);
        } else {
            this.cookieService.delete('rememberedEmail'); // 可选：取消记住时删除cookie
        }
    });
}

5. 检查Ivy编译配置 #

确保tsconfig.json中Ivy处于启用状态（Angular9+默认开启）：

{
  "angularCompilerOptions": {
    "enableIvy": true
  }
}

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