Gridsome Build Doesn't Work

Description

I type gridsome build on the example project, and it generates files without error. I try to load the contents of /dist/ either in a browser locally, or from my server after uploading the contents via FTP. All assets are 404’ing. I thought this was a permissions issue, but I can set them all to 777 and the thing still doesn’t work. The files are seemingly named correctly as it generated them.

The dev server works fine. Whatever this thing is builds is broken. There’s no other help out there. I am sad and alone.

Steps to reproduce

1. Follow the Gridsome Getting Started instructions
2. Run gridsome build
3. Nothing works

Expected result

I should see the Example Project.

Actual result

I see a broken page with no styles or images.

Environment

Libs:
- @gridsome/cli v0.2.1
- gridsome v0.6.7

Browser:
- [ ] Chrome (desktop) version XX
- [ ] Chrome (Android) version XX
- [ ] Chrome (iOS) version XX
- [ ] Firefox version XX
- [ ] Safari (desktop) version XX
- [ ] Safari (iOS) version XX
- [ ] IE version XX
- [ ] Edge version XX
 
For Tooling issues:
- Node version: v10.16.0
- Platform: Mac

Others:
Mac OS X Mojave 10.14.6

[andrew-gw]

I solved this on my own after running into many walls and finding no help, which was a horrible introduction to this “stack”.

For posterity / future reference, I had to set pathPrefix to /gridsome in gridsome.config.js, which was mentioned nowhere. Apparently the paths can’t be relative for some reason.

[kissu]

The build actually works out of the box, in a production environment with no additional setting needed. In development, it does not create any sitemap.

@andrew-gw your approach of trying to load it in some hacky 777 way is not the correct one. Btw, bashing on the stack is not helpful in any way. You should rather join a Slack/Discord or alike and help it grow. 😸 A bigger community will help the Stack grow (it’s currently not LAMP-sized indeed 🤷‍♂️). 😉

@paolotim try deploying to Netlify and it will work out of the box. 👌