Angular 14.0.6嵌套子模块组件使用ngx-echarts报错求助

这个错误的核心原因是你的dashboard.module没有导入ngx-echarts的相关模块——虽然你在根模块app.module里导入了，所以app.component能正常运行，但Angular的子模块不会自动继承根模块的导入，必须在各自的模块中单独引入需要的指令/组件模块。

具体修复步骤： #

1. 打开dashboard.module.ts文件
2. 导入NgxEchartsModule：

import { NgxEchartsModule } from 'ngx-echarts';

3. 在@NgDecorator的imports数组中添加该模块：

@NgModule({
  declarations: [/* 你的dashboard组件 */],
  imports: [
    CommonModule,
    // 其他已导入的模块
    NgxEchartsModule // 新增这一行
  ]
})
export class DashboardModule { }

额外注意点： #

• 如果你是在page.module中导入了NgxEchartsModule，想要让子模块dashboard.module复用，需要在page.module的exports数组中也添加NgxEchartsModule，这样dashboard.module不需要重复导入也能使用。不过更推荐子模块自己导入所需依赖，保持模块的独立性。
• 确认你的ngx-echarts版本和Angular版本兼容，不过既然根组件能运行，这一步大概率没问题。

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