Closed dev-garcia closed 4 months ago
Is this really the concern of Flowbite? Initialization of the JavaScript related to DOM might only happen in client.
import { Component, PLATFORM_ID, Inject } from '@angular/core';
import { initFlowbite } from "flowbite";
import { isPlatformBrowser } from "@angular/common";
@Component({
selector: 'app-root',
standalone: true,
template: `<div></div>`,
})
export class AppComponent {
title = 'frontend-comments';
constructor(@Inject(PLATFORM_ID) private platformId: Object) {}
ngOnInit(): void {
if (isPlatformBrowser(this.platformId)) {
initFlowbite();
}
}
}
Describe the bug When using flowbite in Angular with SSR, we have the following error in the terminal:
ERROR ReferenceError: document is not defined
To Reproduce Steps to reproduce the behavior:
ng serve
in the terminal, access the url:http://localhost:4200/
and click the f5 key or interact with the flowbite components.Expected behavior In Angular without ssr, after following these processes no error is returned in the terminal, that's what we expect.
Desktop (please complete the following information):