productdevbook / oku-nuxt3-template

Nuxt 3 best starter repo, Tailwindcss, Sass, Headless UI, Vue, Pinia, Vite, Eslint, i18n, Naive UI
https://oku-nuxt3-template.vercel.app/
MIT License
602 stars 81 forks source link

errors on start #1

Closed andysay closed 3 years ago

andysay commented 3 years ago

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 commented 3 years ago

terminal run npx nuxi info can you send me the result

some problem

andysay commented 3 years ago

terminal run npx nuxi info can you send me the result

Nuxt project info: 15:35:00


productdevbook commented 3 years ago

/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 commented 3 years ago

and on prod server build start we have

317

Nuxt project info: 16:14:16


dacoto97 commented 3 years ago

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

cherylcarpenter commented 3 years ago

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

productdevbook commented 3 years ago

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