question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

<b-table> not rendering in production [Nuxt.js]

See original GitHub issue

I 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:closed
  • Created 4 years ago
  • Comments:7 (4 by maintainers)

github_iconTop GitHub Comments

2reactions
tmorehousecommented, Sep 11, 2019

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.

1reaction
acrolinkcommented, Sep 13, 2019

@tmorehouse The issue was caused because I used a custom nuxt.config.js for production with the name nuxt.config.prod.js. On build I was not using the -c nuxt.config.prod.js switch. I must use it on both tasks nuxt build and nuxt start

Works as expected.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found