Closed as not planned
Closed as not planned
Description
openedon Aug 25, 2024
Environment
- Operating System: Windows_NT
- Node Version: v20.10.0
- Nuxt Version: 3.12.4
- CLI Version: 3.12.0
- Nitro Version: 2.9.7
- Package Manager: npm@10.8.1
- Builder: -
- User Config: ssr, site, hub, devtools, modules, i18n, css, app, alias, content, compatibilityDate
- Runtime Modules: @nuxtjs/i18n@8.5.1, @nuxt/content@2.13.2, @nuxt/image@1.7.0, @nuxtjs/sitemap@5.3.5, @nuxthub/core@0.7.4
- Build Modules: -
Reproduction
https://stackblitz.com/edit/github-xogbeb?file=pages%2Findex.vue
Describe the bug
Hello.
When loading the website through localhost:3000/ there is no issue.
However, if I load the side through localhost:3000/design, I get the error message down below.
Strangely enough, if I switch to the /design tab through the nav-bar, no error occurs.
The error seems to be with the with-buttons.vue component.
Things I have tried
- searching for invisible unicode characters with bash scripts as well as Visual Studio Code's "Render Whitespaces" functionality
- re-creating the .vue file and pasting the code
- re-creating the .vue file and typing the code again from scratch
How it works again
- If I remove the
<style scoped></style>tag, everything works again - If I remove the
with-buttons.vuecomponent from my page, everything works again
This issue seems to be quite similar, but didn't help me to resolve my error.
If any information is missing, let me know and I will provide it.
Thank you in advance
Additional context
Error Message
WARN [Vue Router warn]: uncaught error during route navigation:
ERROR [vite-node] [plugin:vite:vue] [SyntaxError] PROJECT_FOLDER/components/carousel/with-buttons.vue:1:1 <br><pre>1 | <template>
| ^
2 | <div class="carousel-with-buttons">
3 | <div ref="carousel" class="showcase__carousel"></pre><br>
| ^
2 | <div class="carousel-with-buttons">
3 | <div ref="carousel" class="showcase__carousel"></pre><br>
at PROJECT_FOLDER/components/carousel/with-buttons.vue:1:1
SyntaxError: Error parsing JavaScript expression: Expecting Unicode escape sequence \uXXXX. (2:39)
at createCompilerError (node_modules\@vue\compiler-core\dist\compiler-core.cjs.js:1328:17)
at Object.processExpression (node_modules\@vue\compiler-core\dist\compiler-core.cjs.js:4364:9)
at ssrCodegenTransform (node_modules\@vue\compiler-ssr\dist\compiler-ssr.cjs.js:924:33)
at Object.compile (node_modules\@vue\compiler-ssr\dist\compiler-ssr.cjs.js:1390:3)
at doCompileTemplate (node_modules\@vue\compiler-sfc\dist\compiler-sfc.cjs.js:4286:47)
at Object.compileTemplate (node_modules\@vue\compiler-sfc\dist\compiler-sfc.cjs.js:4228:12)
at compile (/PROJECT_FOLDER/node_modules/@vitejs/plugin-vue/dist/index.mjs:204:35)
at transformTemplateInMain (/PROJECT_FOLDER/node_modules/@vitejs/plugin-vue/dist/index.mjs:185:18)
at genTemplateCode (/PROJECT_FOLDER/node_modules/@vitejs/plugin-vue/dist/index.mjs:2557:12)
at transformMain (/PROJECT_FOLDER/node_modules/@vitejs/plugin-vue/dist/index.mjs:2411:55)
Logs
No response
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment