errors on start

[andysay]

yarn dev is

(node:20464) Warning: To load an ES module, set "type": "module" in the package.json or use the .mjs extension.
(Use node --trace-warnings ... to show where the warning was created)

yarn build , start > open modal

entry-88973673.mjs:13 [Vue warn]: Component inside renders non-element root node that cannot be animated.

[Vue warn]: inject() can only be used inside setup() or functional components.
[Vue warn]: onMounted is called when there is no active component instance to be associated with. Lifecycle injection APIs can only be used during execution of setup(). If you are using async setup(), make sure to register lifecycle hooks before the first await statement.
[Vue warn]: onUnmounted is called when there is no active component instance to be associated with. Lifecycle injection APIs can only be used during execution of setup(). If you are using async setup(), make sure to register lifecycle hooks before the first await statement.
[Vue warn]: onMounted is called when there is no active component instance to be associated with. Lifecycle injection APIs can only be used during execution of setup(). If you are using async setup(), make sure to register lifecycle hooks before the first await statement.
[Vue warn]: provide() can only be used inside setup().
[Vue warn]: provide() can only be used inside setup().
[Vue warn]: inject() can only be used inside setup() or functional components.
[Vue warn]: inject() can only be used inside setup() or functional components.
TypeError: Cannot read properties of undefined (reading 'show')

[productdevbook]

terminal run npx nuxi info can you send me the result

some problem

[andysay]

terminal run npx nuxi info can you send me the result

Nuxt project info: 15:35:00

---

• Operating System: Windows_NT
• Node Version: v16.11.0
• Nuxt Version: 3-3.0.0-27237303.6acfdcd
• Package Manager: Yarn
• Bundler: Webpack
• User Config: build
• Runtime Modules: -
• Build Modules: -

---

[productdevbook]

/cc: @RobinMalfait problem is @headlessui

1. yarn dev
2. http://localhost:3000/modal

nuxt3-app/node_modules/@headlessui/vue/dist/headlessui.esm.js:1

[andysay]

and on prod server build start we have

Nuxt project info: 16:14:16

---

• Operating System: Linux
• Node Version: v14.17.0
• Nuxt Version: 3-3.0.0-27237303.6acfdcd
• Package Manager: Yarn
• Bundler: Webpack
• User Config: build
• Runtime Modules: -
• Build Modules: -

---

[dacoto97]

From what I've seen, there are @headlessui things that are not supported by SSR.

• SSR support? tailwindlabs/headlessui#76
• [Bug]: SSR still doesn't work in Vue tailwindlabs/headlessui#840

[cherylcarpenter]

same. also the deploy to netlify fails, and yields just a readme file in the copied repo.

[productdevbook]

This problem has been fixed #18 , but there is a Headless UI bug, I'm waiting for it.