how to find out where a missing route is defined with nuxtJS? - vue.js

I'm getting an error on a static nuxtJS site, and it's been awhile since I worked on this.
How can I find where this is defined or referenced? Simple searching/grep doesn't help.
ERROR Error generating route "/case/ikea": This page could not be found
There is an ikea page in a different directory but I can't find any references to the path above. Have tried rm -rf dist in case it's a ghost file from an old build, but no luck.
Are dynamic paths used in some way beyond just files in the /pages/ dir?
Thanks!

Related

Where can I find the root to a GitHub repository? (Trying to build my site)

I'm trying to make my own website and deploy it using cyclic. To do so I need to find the path to the project root. I can't find the project root let alone barely what a project root is.
I tried to use it without putting in the root and it didn't work I got some error that basically said no gitgore file found in repository. I keep getting this error and it is honestly depressing.

Nuxt generate returns 404 errors

I've read multiple articles and posts about the nuxt generate issues, but i couldn't find an answer. So I'm learning Vue & Nuxt. I've create a spa, and i'm trying to host it on my website (in a subfolder eg. http://mywebsite.com/subfolder/). It's a simple hosting website (shared server) so i'd like to generate a static website from my files.
I'm running nuxt generate , but when i move the dist folder generated in my subfolder, i'm getting erros :
GET http://mywebsite.com/_nuxt/5f51d97c56209053356b.js net::ERR_ABORTED 404 (Not Found)
Of course, the path should be
http://mywebsite.com/subfolder/_nuxt/5f51d97c56209053356b.js
How can i fix this? From what i've understand, i should add some lines in my nuxt.config.js file right? I've tried multiple combinations, but i can't make it work..
Allright so this was simple, i've finally found the answer in the docs. I've simply added in my nuxt.config.js file the following :
router: {
base: '/subfolder/'
}

Setup VueJS In Subdirectory

I have a VueJS app that I would like to deploy, i'm currently running npm run build to build the app, however I want this app to be in a subdirectory of my website.
The problem i'm having is when building the app, it creates the wrong paths to the css and javascript file.
I have tried using root inside babel.config.js but it gives me an error when I try to build it (root is only allowed in root programmatic options).
Anyone know how I can go about fixing this issue? Any help is greatly appreciated!
Check out the publicPath and base options:
https://cli.vuejs.org/config/#publicpath
https://router.vuejs.org/api/#base
Possibly you will also need to adjust your webserver config if using history mode:
https://router.vuejs.org/guide/essentials/history-mode.html#example-server-configurations

Vue Nuxt.js - deploy in subfolder

I have a Nuxt.js project and I generate a static app. I need to put it in a subdirectory on ftp, but I can't make it work.
I've set router.base to /subfolder and that works fine for _nuxt, but static files are still using absolute path /img/...
So I've tried to put my static files into assets/img/, but they are not getting loaded from scss when I use ~assets/img/...
I've read many topics, but couldn't find the solution.
Any ideas?
Thank you
I had trouble finding solutions in the documentation as well, but I found out you can use the static folder on a subdomain if the links are changed from:
/image.jpg
to:
~/static/image.jpg
Also if it helps, I believe changing:
~assets/image.jpg
to
~/assets/image.jpg
Might solve your issue?

jspm_packages does not exist on 'Stencil Init' of Stencil Installation

I'm running into the following error at the 'stencil init' step.
The path you specified for your "jspm_packages" folder does not exist
The jspm_packages folder doesn't exist in my stencil directory. Is it supposed to be there? I'm wondering which part of the installation might have gone wrong in order for this folder to be missing
If you are seeing this, you can resolve it by installing jspm just in the directory you are working in. This doesn't help if you need jspm for other projects, but it will get you working for the time being with Stencil.
Point 2 on this page