SSR (Server Side Rendering)

[wormen]

how to use your plugin with SSR? at the moment this is not possible, because I get the error

ReferenceError: window is not defined

[wffranco]

Your information is not enough to know what are you doing.

[wormen]

@wffranco to get this error, connect the component enough

[cawa-93]

The same problem. I use nuxt with CoreUI theme. When I try import

import navbar from './Navbar'
import { dropdown } from 'vue-strap'

export default {
  name: 'header',
  components: {
    navbar,
    dropdown
  },
  methods: {
    click () {
      // do nothing
    },
    sidebarToggle (e) {
      e.preventDefault()
      document.body.classList.toggle('sidebar-hidden')
    },
    mobileSidebarToggle (e) {
      e.preventDefault()
      document.body.classList.toggle('sidebar-mobile-show')
    },
    asideToggle (e) {
      e.preventDefault()
      document.body.classList.toggle('aside-menu-hidden')
    }
  }
}

I get error

ReferenceError: self is not defined
    at Object.defineProperty.value (/home/alex/LinWin/Develop/fb-scaner/node_modules/vue-strap/dist/vue-strap.js:1773:20)
    at __webpack_require__ (/home/alex/LinWin/Develop/fb-scaner/node_modules/vue-strap/dist/vue-strap.js:30:30)
    at Object.<anonymous> (/home/alex/LinWin/Develop/fb-scaner/node_modules/vue-strap/dist/vue-strap.js:265:2)
    at __webpack_require__ (/home/alex/LinWin/Develop/fb-scaner/node_modules/vue-strap/dist/vue-strap.js:30:30)
    at Object.defineProperty.value (/home/alex/LinWin/Develop/fb-scaner/node_modules/vue-strap/dist/vue-strap.js:59:18)
    at __webpack_require__ (/home/alex/LinWin/Develop/fb-scaner/node_modules/vue-strap/dist/vue-strap.js:30:30)
    at /home/alex/LinWin/Develop/fb-scaner/node_modules/vue-strap/dist/vue-strap.js:50:18
    at /home/alex/LinWin/Develop/fb-scaner/node_modules/vue-strap/dist/vue-strap.js:53:10
    at webpackUniversalModuleDefinition (/home/alex/LinWin/Develop/fb-scaner/node_modules/vue-strap/dist/vue-strap.js:3:20)
    at Object.<anonymous> (/home/alex/LinWin/Develop/fb-scaner/node_modules/vue-strap/dist/vue-strap.js:10:3)

[PierreRambaud]

:+1: Same problem here, some components can't be rendered with SSR

[canhongpoxiao]

@PierreRambaud Hi friend, I get the same problem, but I don't know how to solve it, can you said some details. Thanks

[ShmidtAlex]

Vote up for issue. It still here.

import { modal } from 'vue-strap'

ReferenceError: self is not defined
    at Object.defineProperty.value (/home/alexander/vue_projects/team-skills/node_modules/vue-strap/dist/webpack:/src/utils/PolyFills.js:38:19)
    at __webpack_require__ (/home/alexander/vue_projects/team-skills/node_modules/vue-strap/dist/webpack:/webpack/bootstrap d034ec76a46c1f93f20c:19:1)
    at Object.<anonymous> (/home/alexander/vue_projects/team-skills/node_modules/vue-strap/dist/webpack:/src/utils/NodeList.js:1:1)
    at __webpack_require__ (/home/alexander/vue_projects/team-skills/node_modules/vue-strap/dist/webpack:/webpack/bootstrap d034ec76a46c1f93f20c:19:1)
    at Object.defineProperty.value (/home/alexander/vue_projects/team-skills/node_modules/vue-strap/dist/webpack:/src/index.js:2:1)
    at __webpack_require__ (/home/alexander/vue_projects/team-skills/node_modules/vue-strap/dist/webpack:/webpack/bootstrap d034ec76a46c1f93f20c:19:1)
    at /home/alexander/vue_projects/team-skills/node_modules/vue-strap/dist/webpack:/webpack/bootstrap d034ec76a46c1f93f20c:39:1
    at /home/alexander/vue_projects/team-skills/node_modules/vue-strap/dist/vue-strap.js:58:10
    at webpackUniversalModuleDefinition (/home/alexander/vue_projects/team-skills/node_modules/vue-strap/dist/webpack:/webpack/universalModuleDefinition:3:1)
    at Object.<anonymous> (/home/alexander/vue_projects/team-skills/node_modules/vue-strap/dist/webpack:/webpack/universalModuleDefinition:10:2)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.require (module.js:497:17)

Node 6.11.2 Nuxt 0.10.7 Vue 2.2.6 VueStrap 2.0.2

[n-sikka]

Getting the exact same error as the dropdown one above. Is there any update on this issue? Any plans for SSR support?

[mymtw]

Not working ssr

error during render : /
ReferenceError: window is not defined