Use Element UI ----> ReferenceError: window is not defined

[stchou]

@yyx990803

project base on hacknews

Use the eleme UI （element ui）, add code on app.js

import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-default/index.css'
import App from './App.vue'

Vue.use(ElementUI)

new Vue({
  el: '#app',
  render: h => h(App)
})

but something wrong with it

ReferenceError: window is not defined

It's the server side rending cause it?

[stchou]

I resolve it，thanks

[yuchonghua]

How do you solve it? Easy to teach me about it

[mamboer]

how?

[bmarkovic]

@stchou It would be nice if you would tell what was wrong and how you solve it so that others facing the same issue could use your findings at least as a hint. Closing the issue without explaining how you solved the error is horrible ettiquette and against the spirit of open source. Community gave you Vue, give back!

To everyone else that might came across this. The most common source of this error is trying to access the browser window object from a lifecycle hook that actually gets called in SSR. The window object exists only in the browser, and should be used from hooks such as mounted but not, say, created

[zhump]

@stchou 确实不厚道。。
webpack.base.config.js 中 配置css-loader

  {
            test: /\.css$/, 
            loader: ["vue-style-loader", "css-loader"]
   },

[FlyPointRed]

app.js 中 加入

element ui就在项目中运行正常了