You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Angular集成PowerBI报错:找不到powerbi-client-angular模块及类型声明

解决Angular中导入PowerBIEmbedModule报错的问题

问题根源

你尝试导入的PowerBIEmbedModule属于官方powerbi-client-angular包,但你未安装该包,反而安装了一系列无关的第三方PowerBI集成包(如ngx-powerbi、ngrx-powerbi等),导致模块找不到。

解决步骤

1. 清理无关依赖(可选但推荐)

先卸载多余的第三方包,避免依赖冲突:

npm uninstall ngx-powerbi ngrx-powerbi angular-powerbi-report

2. 安装官方正确依赖

安装powerbi-client-angular及其核心依赖powerbi-client:

npm install powerbi-client powerbi-client-angular --save

3. 修正AppModule代码

移除重复的NgxPowerBiModule导入,将PowerBIEmbedModule添加到imports数组:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import * as pbi from 'powerbi-client';
import { PowerBIEmbedModule } from "powerbi-client-angular";

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    PowerBIEmbedModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

4. 重启项目验证

执行ng serve重启Angular开发服务器,检查报错是否消失。

补充说明

powerbi-client-angular是微软官方维护的Angular集成PowerBI包,自带TypeScript类型声明,无需额外安装类型文件。你之前使用的第三方包属于社区旧方案,官方推荐使用powerbi-client-angular实现PowerBI嵌入功能。

内容的提问来源于stack exchange,提问作者Lucky Gore

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.30 23:57:18