yeger: [Bug]: [vue-runtime] TypeError: Cannot read properties of null (reading 'isCE')

Description

toRefs() expects a reactive object but received a plain one.
[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]: onBeforeUnmount 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.
TypeError: Cannot read properties of null (reading 'isCE')
    at Object.renderSlot (/workspaces/vodoley/vodoley-frontend/.output/server/node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:2937:34)
    at /workspaces/vodoley/vodoley-frontend/.output/server/node_modules/@yeger/vue-masonry-wall/dist/masonry-wall.umd.js:13:1841
    at Object.renderList (/workspaces/vodoley/vodoley-frontend/.output/server/node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:2874:22)
    at /workspaces/vodoley/vodoley-frontend/.output/server/node_modules/@yeger/vue-masonry-wall/dist/masonry-wall.umd.js:13:1751
    at Object.renderList (/workspaces/vodoley/vodoley-frontend/.output/server/node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:2874:22)
    at Proxy.<anonymous> (/workspaces/vodoley/vodoley-frontend/.output/server/node_modules/@yeger/vue-masonry-wall/dist/masonry-wall.umd.js:13:1395)
    at renderComponentRoot (file:///workspaces/vodoley/vodoley-frontend/.output/server/chunks/handlers/renderer.mjs:2961:45)
    at renderComponentSubTree (file:///workspaces/vodoley/vodoley-frontend/.output/server/chunks/handlers/renderer.mjs:10597:51)
    at renderComponentVNode (file:///workspaces/vodoley/vodoley-frontend/.output/server/chunks/handlers/renderer.mjs:10526:16)
    at Object.ssrRenderComponent (file:///workspaces/vodoley/vodoley-frontend/.output/server/chunks/handlers/renderer.mjs:10946:12)

Reproduction

Nuxt project info: 01:03:48

Operating System: Linux
Node Version: v16.14.2
Nuxt Version: 3.0.0-rc.4
Vue Version: 3.2.37
Package Manager: yarn@1.22.18
Builder: vite

The error is only thrown in the production build

Additional context

No response

Preferences

I want to be assigned to and work on this issue myself

About this issue

Original URL
State: closed
Created 2 years ago
Reactions: 1
Comments: 16 (10 by maintainers)

Most upvoted comments

Will be closed by https://github.com/nuxt/nuxt.js/issues/13632.

DerYeger on Jan 19, 2023

We now add vue as an external by default. Let me know if this issue still persists.

(We can track any remaining issues in nuxt/nuxt.js#13632.)

Awesome! I’ll close this issue for now.

DerYeger on Jan 19, 2023

We now add vue as an external by default. Let me know if this issue still persists.

(We can track any remaining issues in https://github.com/nuxt/nuxt.js/issues/13632.)

danielroe on Jan 19, 2023

I’m not sure this issue is correctly solved. I got the same error using “@yeger/vue-masonry-wall”: “^3.0.42”. I use “nuxt”: “3.0.0-rc.6” and node 16.15.1.

I added

 build: {
    transpile: ['@yeger/vue-masonry-wall'],
 }

to my nuxt.config.ts and it works well.

ManUtopiK on Jul 21, 2022

@dosstx dosstx

Studied the code of some Nuxt3 modules. Need to add: https://v3.nuxtjs.org/guide/going-further/esm/#transpiling-libraries

Thank you very much for the workaround! I added the required config changes to the README.

DerYeger on Jun 30, 2022