Angular SSR NgApexcharts SVG 未定义

Question

最初我在使用 Angular SSR 时遇到此包的问题，​​因为我在导入时遇到此错误 Window is not defined

但是，您可以通过以下方式在 server.ts 中对此进行模拟：

const MockBrowser = require('mock-browser').mocks.MockBrowser;
const mock = new MockBrowser();
global.window = mock.getWindow();

我现在收到标题中所述的错误，未定义 SVG。有什么办法可以模拟这个吗？

我相信它在后台使用 https://github.com/svgdotjs/

谢谢

Answer 1

使用ng-apexcharts，我仍然得到ReferenceError: SVG is not defined错误。所以这就是我尝试过的并且似乎有效。

1. 我没有导入 NgApexchartsModule

2. template.html

<div id="chart" *ngIf="isBrowser"></div>

3. component.ts

constructor(@Inject(PLATFORM_ID) platformId: object) {
    this.isBrowser = isPlatformBrowser(platformId);
}

...

if (this.isBrowser) {
    const ApexCharts = require('apexcharts');
    const chart = new ApexCharts(document.querySelector('#chart'), this.options);
    chart.render();
}