SSR (Server Side Rendering)

wormen commented 7 years ago

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 commented 7 years ago

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

wormen commented 7 years ago

@wffranco to get this error, connect the component enough

cawa-93 commented 7 years ago

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.&lt;anonymous&gt; (/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.&lt;anonymous&gt; (/home/alex/LinWin/Develop/fb-scaner/node_modules/vue-strap/dist/vue-strap.js:10:3)

PierreRambaud commented 7 years ago

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

canhongpoxiao commented 7 years ago

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

ShmidtAlex commented 7 years ago

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 commented 7 years ago

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

mymtw commented 6 years ago

Not working ssr

error during render : /
ReferenceError: window is not defined

yuche / vue-strap

SSR (Server Side Rendering) #456