在这里插入图片描述
原因:使用了CommonModule的指令与服务,但是没有引入CommonModule内置模块。

在Angular中,CommonModule是一个很重要的内置模块,它提供了许多通用的指令和服务,对于任何Angular应用来说,这些都是必需的。这个模块包含了如NgIfNgForOfNgClassNgStyle等指令,它们用于实现各种常见的UI结构和行为。

CommonModule位于@angular/common包中,通常在特性模块中导入它,用于那些需要这些基础指令的组件。

在特性模块中,当你需要用到常用的指令和管道时应导入CommonModule。下面是一个导入CommonModule的例子:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';

@NgModule({
  declarations: [
    // 你模块中的组件、指令等
  ],
  imports: [
    CommonModule
    // 其他需要的Angular模块
  ],
  // 其他@NgModule属性
})
export class YourFeatureModule { }

在创建跨多个平台(如服务器、Web Worker)的Angular应用中,CommonModule是必须的,因为它提供了平台独立的基础功能。如果你在不同的平台上运行,那么你会选择性地导入不同的模块来启动应用(例如在服务器上使用ServerModule来代替在浏览器中使用的BrowserModule),但不管怎样,你仍然需要CommonModule来支持其通用功能。

Logo

永洪科技,致力于打造全球领先的数据技术厂商,具备从数据应用方案咨询、BI、AIGC智能分析、数字孪生、数据资产、数据治理、数据实施的端到端大数据价值服务能力。

更多推荐