Unable to use plasmic with Nuxt - requires stack react?

[ryan_moody]

I’m trying to integrate plasmic pages into my NuxtJS app, and followed the docs from Plasmic on how to do so (Get started with Nuxt | Learn Plasmic), as well as the insert code instructions from within the Plasmic editor. When I try to run any of the pages that use Plasmic, I get a 500 error, with an error message “Cannot find module ‘./cjs/react.development.js’”, “Require stack: -react”

This happens both if I try to set it up with a catch-all to catch all Plasmic pages, or if I try to render Plasmic in a single page.

I also noticed that in the @plasmicapp/loader-vue node module package.json file, it lists @plasmicapp/loader-react as well as react and react-dom as dependencies. Is react really necessary to use Plasmic pages/components in a Nuxt/Vue project? And even if so, shoudn’t any necessary dependencies be installed when installing @plasmicapp/loader-vue?

I’ve attached a screenshot of the package.json file that is under the @plasmicapp/loader-vue node module:

And a screenshot of the logs:

Thanks for any help/insight that anyone can provide!

Ryan

[jason]

Can you share your lock file as well?

[ryan_moody]

Sure, it doesn’t seem to allow uploading .yaml files here, but here are some screenshots, so not the entire lock file.

Also, to be clear, the package.json file I shared earlier was not my package.json file, but was the package.json file I found under the @plasmicapp/loader-vue node module - I shared because I was surprised to find that react was a dependency for the plasmic vue loader.

[jason]

For our non-React (e.g. Vue), we actually use React internally to render content to HTML. That’s why we have a dependency on React.

For the lock file, I’m curious what version of React was pulled down.