<b-table> not rendering in production [Nuxt.js]
See original GitHub issueI am using b-table
like this:
<b-table striped hover :items="entities"></b-table>
and:
data() {
return {
entities: null
}
},
mounted() {
axios.get('/api/items').then(response => {
this.entities = response.data.data
})
}
All works fine and the table gets rendered when running nuxt
task i.e. development with hot-reloading. However the table is no where to be seen when running for production using nuxt build
and nuxt start
(the API backend is called to fetch the data but the table doesn’t get rendered at all).
What might be going on here?
Issue Analytics
- State:
- Created 4 years ago
- Comments:7 (4 by maintainers)
Top Results From Across the Web
Buefy table not rendering in nuxt project - vue.js - Stack Overflow
I use nuxt and buefy out of the box and i only want to display a table with dummy data. But nothing gets...
Read more >Server Side Rendering - Nuxt
Server-side rendering (SSR), is the ability of an application to contribute by displaying the web-page on the server instead of rendering it in...
Read more >Creating Server-side Rendered Vue.js Apps Using Nuxt.js
Most offer a way of dynamically changing page content without having to send a request to the server each time. However, there is...
Read more >Rendering Modes · Nuxt Concepts
Rendering Modes. Both the browser and server can interpret JavaScript code to render Vue.js components into HTML elements. This step is called rendering....
Read more >Server-side rendering with Vue and Nuxt.js - LogRocket Blog
Today, however, this is no longer the case, as many websites have morphed into full-fledged applications often requiring interactive user ...
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 FreeTop 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
Top GitHub Comments
Hmmm… since it is rendering the element
<b-table ...>
(an unknown HTML element, instead of<table>
) it is almost like your production build is not including the BootstrapVue library (and installing the components/plugins properly) for some reason.@tmorehouse The issue was caused because I used a custom
nuxt.config.js
for production with the namenuxt.config.prod.js
. On build I was not using the-c nuxt.config.prod.js
switch. I must use it on both tasksnuxt build
andnuxt start
Works as expected.