Create Nuxt App + ChakraUI + Nuxt + Static fails on initial project scaffold (CAvatar and CAvatarGroup components)
See original GitHub issueDescribe the bug Throwing errors when scaffolding a basic project in Nuxt with Chakra in Static mode
ERROR [Vue warn]: Error in callback for watcher "nuxt.err": "ReferenceError: NuxtError is not defined"
(found in <Root>)
ERROR [Vue warn]: Error in nextTick: "ReferenceError: NuxtError is not defined"
ERROR NuxtError is not defined 08:27:43
at Vue.errorChanged (server.js:290:27)
at Watcher.run (node_modules/vue/dist/vue.runtime.common.dev.js:4554:19)
at flushSchedulerQueue (node_modules/vue/dist/vue.runtime.common.dev.js:4298:13)
at Array.<anonymous> (node_modules/vue/dist/vue.runtime.common.dev.js:1976:12)
at flushCallbacks (node_modules/vue/dist/vue.runtime.common.dev.js:1902:14)
To Reproduce Steps to reproduce the behavior:
Create a project (or clone my example)
create-nuxt-app v3.3.0
✨ Generating Nuxt.js project in chakra-nuxt-static-example
? Project name: chakra-nuxt-static-example
? Programming language: JavaScript
? Package manager: Yarn
? UI framework: Chakra UI
? Nuxt.js modules: (Press <space> to select, <a> to toggle all, <i> to invert select
ion)
? Linting tools: (Press <space> to select, <a> to toggle all, <i> to invert selectio
n)
? Testing framework: None
? Rendering mode: Universal (SSR / SSG)
? Deployment target: Static (Static/JAMStack hosting)
? Development tools: (Press <space> to select, <a> to toggle all, <i> to invert sele
ction)
? Version control system: Git
Then…
- Go into the newly created project
- Run yarn dev
- Navigate to your app
- See that the console throws an error 😦
Expected behavior That it works fine and doesn’t throw any errors
Desktop (please complete the following information):
- OS: OSX
- Browser: Chrome
- Version:
"@chakra-ui/nuxt": "^0.0.10",
Issue Analytics
- State:
- Created 3 years ago
- Comments:5 (3 by maintainers)
Top Results From Across the Web
NuxtError is not defined on initial project scaffold w/ ...
Create Nuxt App + ChakraUI + Nuxt + Static fails on initial project scaffold (CAvatar and CAvatarGroup components) chakra-ui/chakra-ui-vue# ...
Read more >Setting up Chakra UI Vue with Nuxt
In this article, we'll be covering the different ways to set up and configure the chakra-ui-vue library for a Nuxt application.
Read more >Error when trying to run a static app nuxt - vue.js
I have a wampp server and I would like to run my nuxt application on it... router is in hash mode. I ran...
Read more >Setting up Chakra UI Vue with Nuxt
In this article, we'll be covering the different ways to set up and configure the chakra-ui-vue library for a Nuxt application.
Read more >How To Build An Accessible Front-End Application With ...
yarn create nuxt-app chakra-ui-explorer ... Let's add the aforementioned components in layouts/default.vue . In our template section, ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Hi. Reference error should be resolved with nuxt@^2.14.6. Maybe with upgrading you can investigate easier to see whats issue with
CAvatar
component.Hey @JessicaSachs!
Thanks to @pi0’s advice, upgrading to nuxt@^2.14.6 seemed to fix it. Try running upgrading on your project as well.