Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Angular 17 SSR: ERROR ReferenceError: document is not defined #769

Closed
dev-garcia opened this issue Jan 7, 2024 · 1 comment
Closed

Angular 17 SSR: ERROR ReferenceError: document is not defined #769

dev-garcia opened this issue Jan 7, 2024 · 1 comment

Comments

@dev-garcia
Copy link

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:

  1. Go to 'https://flowbite.com/docs/getting-started/angular/'
  2. Carry out the processes taught
  3. Run ng serve in the terminal, access the url: http://localhost:4200/ and click the f5 key or interact with the flowbite components.
  4. See errors appear in the terminal

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):

  • OS: [Windows 11]
  • Browser [Microsoft Edge, Chrome, Firefox]
  • Version [Microsoft Edge: 120.0.2210.121]
@creaux
Copy link

creaux commented Feb 13, 2024

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();
    }
  }
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants