Web development framework that generates static HTML files for hydration by Vue.js.
Questions tagged [gridsome]
184 questions
0
votes
1 answer
Gridsome: Error: Variable of required type "String!" was not provided
I am generating a list of pages that have been working fine, and I want to add a list of categories that can query objects based on their categories. For pages with nodes here is what I did in…
Samir Ahmane
- 830
- 7
- 22
0
votes
0 answers
No 'Access-Control-Allow-Origin' header is present using Axios to post a comment
[ A CORS policy error ]
[ Gridsome as front and Axios for HTTP requests ]
[ WP-Graphql v1.6.7 ]
[ WPGraphQL Cors installed ]
[Access to XMLHttpRequest at ''https://my_wp_backend.com' from origin 'http://my_gridsome_front.com' has been blocked by…
Ali Seivani
- 496
- 3
- 21
0
votes
1 answer
Random timeout on GET request with Axios
I have multiple sites buildt with static sites generator (gridsome, vue based).On build, they consume WP REST API data through Axios.
Lately, my build would fail a lot because Axios requests get randomly timedout.
On the WP side, each request made…
Vincent Dilly
- 31
- 4
0
votes
2 answers
How to use isClient in Gridsome?
I am using FirebaseUI with Gridsome plugin and I am getting the error ReferenceError: window is not defined. This is due to SSR and FirebaseUI must be calling the window object which is only available on browsers.
I've looked into Gridsome…
Samir Ahmane
- 830
- 7
- 22
0
votes
1 answer
How to access the app object from a Vue single file component?
My end goal: I'm using a custom HTML element in a component template () and I'd like to register the element with Vue. The method given by that page for registering custom elements is through…
Nick S
- 555
- 4
- 17
0
votes
1 answer
How to render Gridsome metadata (vue-meta) Server Side?
In Gridsome:
Seems like what is in metaInfo gets generated after mount, which results in no link preview when scraped by facebook.
The og:title, description and image are visible on client side.
How to get it generate on build so it would be in…
Tadas Majeris
- 361
- 2
- 4
- 12
0
votes
1 answer
vue: V-input-file is not of type ‘HTMLFormElement’ error
on Vue adding selected file to FormData ends with error in both v-input-file and input type=‘file’.
error massage:
Failed to construct ‘FormData’: parameter 1 is not of type ‘HTMLFormElement’.
user769371
- 295
- 3
- 10
0
votes
1 answer
Gridsome find current URL
I have a Gridsome project and I am looking to add active CSS class to the menu to highlight the current URL. For such action, I would need to know the current URL path in the Layout component to compare with the path.
How I can obtain the current…
bensiu
- 24,660
- 56
- 77
- 117
0
votes
0 answers
Vue/Gridsome displaying a loading image while reading a file using Filereader
I have setup a form with a number of fields and file upload capability.
I'm trying to display a loading image/text while a file is being read and processed with filereader but this is not quite working.
I am using v-if and 'this.loading' variable to…
jazzybuilds
- 1
- 1
0
votes
2 answers
Calendly widget doesn't work after page refresh when live
The calendly widget works at first, but if you refresh the page it stops working but only when the website is live. In local development, no such issue occurs.
Also noticed that when I route to the page through navigation, it works. But if I enter…
BURGERFLIPPER101
- 1,231
- 4
- 24
- 41
0
votes
1 answer
strapi-girdsome starter issues
When following official strapi-gridsome tutorial, trying to create new pages from ID numbers
Steps to reproduce:
npm: '6.14.9',
node: '14.14.0',
strapi '3.5.0'
Expected result:
http://localhost:8080/categories/1
should show data from API but…
Peterpan
- 1
- 3
0
votes
2 answers
How to install Gridsome: zsh: command not found: gridsome
I'm attempting to create a new Gridsome project and continually receive the following message in the terminal:
zsh: command not found: gridsome
Steps I've taken
(https://gridsome.org/docs/)
npm install --global @gridsome/cli
cd…
Que
- 957
- 2
- 14
- 35
0
votes
1 answer
Why does javascript expression in Vue binding does not work?
I have a use case where I have to bind the src attribute of the tags dynamically. I have learned that I can use javascrpt expressions in v-bind, so I proceeded on. But here's the paradox:
DaveIdito
- 1,546
- 14
- 31
0
votes
1 answer
Gridsome: How to add Vue.use(MyPlugin) for a single page only?
I have added ReCaptcha plugin using Vue.use(ReCaptcha, {some options}) in Gridsome main.js which is displaying on all pages.
How to add plugin for a particular page only in gridsome?
Milind Singh
- 296
- 6
- 23
0
votes
1 answer
How to create static pages using JSON Stream of local data source in Gridsome
I have a large JSON file that I would like to use as a local data source for Gridsome to generate static pages.
I would like to stream the data in rather than load it all into memory.
Something like this in gridsome.server.js:
module.exports =…
jdh961502
- 155
- 1
- 11