Skip to content

bug: Flyon UI angular@^21.x with ssr integration gives has no exports [import-is-undefined] error #139

@bnlambert

Description

@bnlambert

What version of FlyonUI are you using?

^2.4.1

Which browsers are you seeing the problem on?

No response

Reproduction URL

https://github.com/bnlambert/angular-21-flyonui-integration

Describe your issue

After installing FlyonUI into angular 20.x and 21.x, I am unable to import and use the components.

for example

import { HSAccordion } from "flyonui/flyonui";
Generates a warning in the console with the message

Import "HSAccordion" will always be undefined because the file "node_modules/flyonui/flyonui.js" has no exports [import-is-undefined]

As mentioned in the message, the component is not usable and gives a error in the browser console when the page is loaded.

The html based designs and interactions work find.

I don't have this issues with flyonui integration for angular 19.x.

How can this issue be resolved?

Updates: I just realized that this issue is not present when I run angular without ssr. This issue is not present in angular with ssr in angular v19.

here is a git repo: https://github.com/bnlambert/angular-21-flyonui-integration

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions