<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 Free
Top 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

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.jsfor production with the namenuxt.config.prod.js. On build I was not using the-c nuxt.config.prod.jsswitch. I must use it on both tasksnuxt buildandnuxt startWorks as expected.