Skip to content

Rename generated dist/auth0-vue.production.esm.js to dist/auth0-vue.production.esm.mjs #429

@joostvdwsd

Description

@joostvdwsd

Checklist

  • The issue can be reproduced in the auth0-vue sample app (or N/A).
  • I have looked into the Readme, Examples, and FAQ and have not found a suitable solution or answer.
  • I have looked into the API documentation and have not found a suitable solution or answer.
  • I have searched the issues and have not found a suitable solution or answer.
  • I have searched the Auth0 Community forums and have not found a suitable solution or answer.
  • I agree to the terms within the Auth0 Code of Conduct.

Description

I'm trying to use Astro + Vue in a yarn berry environment.

The auth0-vue package is working perfect in runtime vue but not during the build phase.

While building I get the error "Cannot use import statement outside a module". This is fixed by either:

  • adding type: module to the package.json of @auth0/auth0-vue
  • renaming the esm distibutable js so it has the mjs extension (dist/auth0-vue.production.esm.js => dist/auth0-vue.production.esm.mjs)

The build breaks on the import statement itself so wrapping this in the normal "onMounted" will not work.

Basically the generated package is incorrect. Therefor I see this as a bug.

Reproduction

At this moment I do not have a straight forward reproducible example. If this is still needed for this ticket and if I decide to continue with auth0 I might consider making one.

Additional context

No response

auth0-vue version

2.3.3

Vue version

3.5.12

Which browsers have you tested in?

Chrome, Safari, Firefox

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugThis points to a verified bug in the code

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions