postcss/autoprefixer#660 (comment)

...but still have them be server-render compatible?

I've tried to code this in for around 2 weeks - hopefully someone knows a solution, because my brain is starting to hurt 😄

I have ready a smaller example repo demonstrating my issue.

For more context, refer to this StackOverflow question.

I'd really like to see a method of accomplishing this documented in vue-router - which I'm more than happy to do, as long as I'm pointed in the right direction 😄

If write scoped style in any component, for example UserView.vue add scoped -

<style lang="stylus" scoped>

After they:

npm run build && npm start

Open project to home page and go to user page (route in client-side) you can see normal style and normal attr data-v-#, but if you refresh user page you can see style not working and data-v-# changed.

Is there a particular reason why you're using your own express server based on webpack-dev-middleware instead of just using webpack-dev-server? I've tried both, and it seems like there is no difference (both support hot reload and all the features I know of), but in your case it's much more complicated and obscure, especially when you need to change something in your build process.

So if it's all the same, I suggest to replace that server with a simple webpack-dev-server --inline --hot command in the package.json. For people who try to use hot real for the first time it would be much clearer and simpler.

To day, I new clone project vue-hackernews-2.0 and I was an error
Entry module not found: Error: Can't resolve 'babel' in.
I downgrade webpack version to webpack2.1.0-beta.25 it worked.
Please help me fix it.

tks!!!!

How can I use it without any server side rendering? because I will need to handle the server side with Laravel 5.3

Reproduction:
test link: https://vue-hn.now.sh/item/12405698

Description:
due to >800 comments, WebSocket keeps loading all comments one by one. Page then shows no response to user controls. This is for the first time rendering without cache.

Suggestion:
lazy load comments / paging fetch

at CachedPathEvaluator.visitImport (/Users/zhangran/Documents/git-test/vue-hackernews-2.0/node_modules/stylus-loader/lib/evaluator.js:157:21)
at CachedPathEvaluator.Visitor.visit (/Users/zhangran/Documents/git-test/vue-hackernews-2.0/node_modules/stylus/lib/visitor/index.js:28:40)
at CachedPathEvaluator.Evaluator.visit (/Users/zhangran/Documents/git-test/vue-hackernews-2.0/node_modules/stylus/lib/visitor/evaluator.js:160:18)
at CachedPathEvaluator.Evaluator.visitRoot (/Users/zhangran/Documents/git-test/vue-hackernews-2.0/node_modules/stylus/lib/visitor/evaluator.js:707:27)
at CachedPathEvaluator.Visitor.visit (/Users/zhangran/Documents/git-test/vue-hackernews-2.0/node_modules/stylus/lib/visitor/index.js:28:40)
at CachedPathEvaluator.Evaluator.visit (/Users/zhangran/Documents/git-test/vue-hackernews-2.0/node_modules/stylus/lib/visitor/evaluator.js:160:18)
at CachedPathEvaluator.Evaluator.evaluate (/Users/zhangran/Documents/git-test/vue-hackernews-2.0/node_modules/stylus/lib/visitor/evaluator.js:247:15)
at Renderer.render (/Users/zhangran/Documents/git-test/vue-hackernews-2.0/node_modules/stylus/lib/renderer.js:86:26)
at /Users/zhangran/Documents/git-test/vue-hackernews-2.0/node_modules/stylus-loader/index.js:158:12
at tryCatchReject (/Users/zhangran/Documents/git-test/vue-hackernews-2.0/node_modules/when/lib/makePromise.js:840:30)

Hi guys,

I'm trying to tweak this example to work with Koa2

https://github.com/kristianmandrup/vue-hackernews-2.0

However I get a strange error:

According to the call stack, koa-compose ends up calling webpack-dev-middleware which expects a next argument.

Maybe related to this issue ??
or this?

  TypeError: next is not a function
      at goNext (/Users/kristianmandrup/repos/aurelia-projs/ai/vue-hackernews-2.0/node_modules/webpack-dev-middleware/middleware.js:194:41)
      at webpackDevMiddleware (/Users/kristianmandrup/repos/aurelia-projs/ai/vue-hackernews-2.0/node_modules/webpack-dev-middleware/middleware.js:206:33)
      at dispatch (/Users/kristianmandrup/repos/aurelia-projs/ai/vue-hackernews-2.0/node_modules/koa-compose/index.js:43:32)
      at /Users/kristianmandrup/repos/aurelia-projs/ai/vue-hackernews-2.0/node_modules/koa-compose/index.js:36:12
      at Server.<anonymous> (/Users/kristianmandrup/repos/aurelia-projs/ai/vue-hackernews-2.0/node_modules/koa/lib/application.js:136:7)
      at emitTwo (events.js:106:13)
      at Server.emit (events.js:191:7)
      at HTTPParser.parserOnIncoming [as onIncoming] (_http_server.js:546:12)
      at HTTPParser.parserOnHeadersComplete (_http_common.js:99:23)

HTML's title, description & keywords is important to SEO. How to handle this?

On my phone now, but I will make a PR later, if there is interest. This removes the browser chrome if the link is saved to home screen:

<meta name="mobile-web-app-capable" content="yes">

Hi ,
I saw an error like this

vue-router 服务端渲染的时候报错

node server

server started at localhost:8080
webpack built 305ac7407cc71ca06b31 in 6405ms
Hash: 305ac7407cc71ca06b31
Version: webpack 2.1.0-beta.25
Time: 6405ms
Asset Size Chunks Chunk Names
client-bundle.js 160 kB 0 [emitted] app
client-vendor-bundle.js 442 kB 1 [emitted] vendor
client-bundle.js.map 207 kB 0 [emitted] app
client-vendor-bundle.js.map 549 kB 1 [emitted] vendor
webpack: bundle is now VALID.
/Users/yangjiajun/vue-hackernews-2.0/server.js:85
throw err
^

TypeError: this$1.ensureURL is not a function
at /Users/yangjiajun/vue-hackernews-2.0/node_modules/vue-router/dist/vue-router.js:1227:12
at /Users/yangjiajun/vue-hackernews-2.0/node_modules/vue-router/dist/vue-router.js:1279:9
at step (/Users/yangjiajun/vue-hackernews-2.0/node_modules/vue-router/dist/vue-router.js:1191:7)
at step (/Users/yangjiajun/vue-hackernews-2.0/node_modules/vue-router/dist/vue-router.js:1198:9)
at runQueue (/Users/yangjiajun/vue-hackernews-2.0/node_modules/vue-router/dist/vue-router.js:1202:3)
at /Users/yangjiajun/vue-hackernews-2.0/node_modules/vue-router/dist/vue-router.js:1276:5
at step (/Users/yangjiajun/vue-hackernews-2.0/node_modules/vue-router/dist/vue-router.js:1191:7)
at step (/Users/yangjiajun/vue-hackernews-2.0/node_modules/vue-router/dist/vue-router.js:1198:9)
at step (/Users/yangjiajun/vue-hackernews-2.0/node_modules/vue-router/dist/vue-router.js:1198:9)
at runQueue (/Users/yangjiajun/vue-hackernews-2.0/node_modules/vue-router/dist/vue-router.js:1202:3)

Hi guys!

I'm trying to add TweeMax.js from GSAP on a project with the same SSR and webpack configuration as this one ( I did copy everything for testing purposes ). When I run npm run dev it generates de client and vendor bundles perfectly, but when I access any route it throws the following exception:

/Users/vitor/Sites/ssr-test/front-end/server.js:105
        throw err
        ^

ReferenceError: document is not defined
    at Function.<anonymous> (/Users/vitor/Sites/ssr-test/front-end/node_modules/gsap/src/uncompressed/TweenMax.js:2571:11)
    at check (/Users/vitor/Sites/ssr-test/front-end/node_modules/gsap/src/uncompressed/TweenMax.js:5986:61)
    at new Definition (/Users/vitor/Sites/ssr-test/front-end/node_modules/gsap/src/uncompressed/TweenMax.js:6010:10)
    at window._gsDefine (/Users/vitor/Sites/ssr-test/front-end/node_modules/gsap/src/uncompressed/TweenMax.js:6015:12)
    at Array.<anonymous> (/Users/vitor/Sites/ssr-test/front-end/node_modules/gsap/src/uncompressed/TweenMax.js:2524:11)
    at /Users/vitor/Sites/ssr-test/front-end/node_modules/gsap/src/uncompressed/TweenMax.js:7791:9
    at Object.<anonymous> (/Users/vitor/Sites/ssr-test/front-end/node_modules/gsap/src/uncompressed/TweenMax.js:7802:3)
    at Module._compile (module.js:556:32)
    at Object.Module._extensions..js (module.js:565:10)
    at Module.load (module.js:473:32)

I did some research, and I think it's because we don't have document or window global objects on the server side environment. I tried to fix it declaring both as global variables on the server-entry.js file, but it was unsuccessful

if (typeof(window) == 'undefined'){
    let dummyElement = { style: {}, getElementsByTagName: function() { return [] } }
    global.window = {}
    global.navigator = { userAgent: "" }
    global.document = { createElement: function() { return dummyElement } }
}

Maybe anyone can help me with that? I'm probably missing something.

Thanks!

能提供个koa版本的吗？

ssr这种的如何做前端 lazy-loading,路由如何配置呢?

0 info it worked if it ends with ok
1 verbose cli [ '/usr/local/bin/node', '/usr/local/bin/npm', 'run', 'dev' ]
2 info using [email protected]
3 info using [email protected]
4 verbose run-script [ 'predev', 'dev', 'postdev' ]
5 info lifecycle vue-hackernews-2.0@~predev: vue-hackernews-2.0@
6 silly lifecycle vue-hackernews-2.0@~predev: no script for predev, continuing
7 info lifecycle vue-hackernews-2.0@~dev: vue-hackernews-2.0@
8 verbose lifecycle vue-hackernews-2.0@~dev: unsafe-perm in lifecycle true
9 verbose lifecycle vue-hackernews-2.0@~dev: PATH: /usr/local/lib/node_modules/npm/bin/node-gyp-bin:/Users/Ivyjohnson/Downloads/vue-hackernews-2.0-master/node_modules/.bin:/usr/local/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/usr/local/git/bin
10 verbose lifecycle vue-hackernews-2.0@~dev: CWD: /Users/Ivyjohnson/Downloads/vue-hackernews-2.0-master
11 silly lifecycle vue-hackernews-2.0@~dev: Args: [ '-c', 'node server' ]
12 silly lifecycle vue-hackernews-2.0@~dev: Returned: code: 1 signal: null
13 info lifecycle vue-hackernews-2.0@~dev: Failed to exec dev script
14 verbose stack Error: vue-hackernews-2.0@ dev: node server
14 verbose stack Exit status 1
14 verbose stack at EventEmitter. (/usr/local/lib/node_modules/npm/lib/utils/lifecycle.js:245:16)
14 verbose stack at emitTwo (events.js:106:13)
14 verbose stack at EventEmitter.emit (events.js:191:7)
14 verbose stack at ChildProcess. (/usr/local/lib/node_modules/npm/lib/utils/spawn.js:24:14)
14 verbose stack at emitTwo (events.js:106:13)
14 verbose stack at ChildProcess.emit (events.js:191:7)
14 verbose stack at maybeClose (internal/child_process.js:852:16)
14 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:215:5)
15 verbose pkgid vue-hackernews-2.0@
16 verbose cwd /Users/Ivyjohnson/Downloads/vue-hackernews-2.0-master
17 error Darwin 15.6.0
18 error argv "/usr/local/bin/node" "/usr/local/bin/npm" "run" "dev"
19 error node v6.2.2
20 error npm v3.9.5
21 error code ELIFECYCLE
22 error vue-hackernews-2.0@ dev: node server
22 error Exit status 1
23 error Failed at the vue-hackernews-2.0@ dev script 'node server'.
23 error Make sure you have the latest version of node.js and npm installed.
23 error If you do, this is most likely a problem with the vue-hackernews-2.0 package,
23 error not with npm itself.
23 error Tell the author that this fails on your system:
23 error node server
23 error You can get information on how to open an issue for this project with:
23 error npm bugs vue-hackernews-2.0
23 error Or if that isn't available, you can get their info via:
23 error npm owner ls vue-hackernews-2.0
23 error There is likely additional logging output above.
24 verbose exit [ 1, true ]

在client-entry.js中导入后在view中使用UI库中的元件，不报错，但也没效果：
import Mint from 'mint-ui';
import 'mint-ui/lib/style.css';
Vue.use(Mint);

如果直接在view中导入UI库或UI库中的具体元件，则会报错：
document或window未创建

SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode
at exports.runInThisContext (vm.js:53:16)
at Module._compile (module.js:373:25)
at Object.Module._extensions..js (module.js:416:10)
at Module.load (module.js:343:32)
at Function.Module._load (module.js:300:12)
at Function.Module.runMain (module.js:441:10)
at startup (node.js:139:18)
at node.js:974:3

npm ERR! Darwin 15.6.0
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "run" "dev"
npm ERR! node v4.6.0
npm ERR! npm v2.15.9
npm ERR! code ELIFECYCLE
npm ERR! vue-hackernews-2.0@ dev: node server
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the vue-hackernews-2.0@ dev script 'node server'.
npm ERR! This is most likely a problem with the vue-hackernews-2.0 package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! node server
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs vue-hackernews-2.0
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!
npm ERR! npm owner ls vue-hackernews-2.0
npm ERR! There is likely additional logging output above.

你好，前辈~
我将这个仓库给clone下来了。按照步骤 npm install->npm run dev
提示报错了：

我的node环境是6.6的
webpack也全局安装了。

谢谢！

In client-entry.js , we have
// actually mount to DOM
app.$mount('#app')
I am puzzled with how is the instance append to the body? Can anybody give an advice?

vue-hackernews-2.0@ dev /work/code/TestProject/vue-hackernews-2.0
node server

fs.js:640
return binding.open(pathModule._makeLong(path), stringToFlags(flags), mode);
^

Error: ENOENT: no such file or directory, open '/work/code/TestProject/vue-hackernews-2.0/dist/server-bundle.js'
at Error (native)
at Object.fs.openSync (fs.js:640:18)
at Object.fs.readFileSync (fs.js:508:33)
at Object. (/work/code/TestProject/vue-hackernews-2.0/server.js:33:32)
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.runMain (module.js:604:10)

npm ERR! Linux 4.2.0-42-generic
npm ERR! argv "/usr/local/node/bin/node" "/usr/local/bin/npm" "run" "dev"
npm ERR! node v6.8.0
npm ERR! npm v3.10.8
npm ERR! code ELIFECYCLE
npm ERR! vue-hackernews-2.0@ dev: node server
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the vue-hackernews-2.0@ dev script 'node server'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the vue-hackernews-2.0 package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! node server
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs vue-hackernews-2.0
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls vue-hackernews-2.0
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! /work/code/TestProject/vue-hackernews-2.0/npm-debug.log

Hi,

I was trying to enhance this, I wanted to use flexboxgrid with this. I added it in package.json and installed it. I was trying to include this in index.html like this:

<link rel="stylesheet" href="/./node_modules/flexboxgrid/dist/flexboxgrid.min.css" type="text/css" >

But I am getting following error in the browser:

Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://localhost:8080/node_modules/flexboxgrid/dist/flexboxgrid.min.css".

I am not sure what I should be right way to do this this, what am I doing wring, Please help.

when I start with npm run dev ,I get an error as follow screenshot

Would be really cool to see examples on how to do proper testing of Vue components and Vuex stores, mutations, and actions 😄

Is it possible to get the bundle size down. This loads around 300KB into the browser. Surely that's not necessary?

type npm run dev

let renderer
^^^

SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode

in server.js first line add "use strict" may work well

/Users/xiaowei/Documents/studios/vue-hackernews-2.0/server.js:30
let renderer
^^^

SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode

autoprefixer and postcss not work.

App.vue:

<style lang="scss">
  @import "sass/app.scss";
</style>

webpack.base.config.js:

const path = require('path')
const vueConfig = require('./vue-loader.config')

module.exports = {
  devtool: '#source-map',
  entry: {
    app: './src/client-entry.js',
    vendor: ['vue', 'vue-router', 'vuex', 'firebase', 'lru-cache', 'es6-promise']
  },
  output: {
    path: path.resolve(__dirname, '../dist'),
    publicPath: '/dist/',
    filename: 'client-bundle.js'
  },
  module: {
    rules: [
      {
        test: /\.vue$/,
        loader: 'vue',
        options: vueConfig
      },
      {
        test: /\.js$/,
        loader: 'babel',
        exclude: /node_modules/
      },
      {
        test: /\.(png|jpg|gif|svg)$/,
        loader: 'url',
        options: {
          limit: 10000,
          name: '[name].[ext]?[hash]'
        }
      },
      {
        test: /\.scss$/,
        loader: 'style!css!sass',
        exclude: /node_modules/
      }
    ]
  },
  vue: {
    loaders: {
      scss: 'style!css!sass',
      exclude: /node_modules/
    }
  }
}

That has a error when build the demo:

throw new WebpackOptionsValidationError(webpackOptionsValidationErrors); 
WebpackOptionsValidationError: Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
configuration has an unknown property 'vue'. These properties are valid

遇到一个很奇怪的现象，我将项目改成了koa2，渲染首屏的时候，js静态资源路径是没错的，直接在网页打开js是能访问到的，但查看控制台，js静态资源请求结果返回404，js也没有正常加载到首屏页面，导致程序无法正常执行

补充：这个问题解决了，不过css没有正常插入页面，是stylus loader问题吗？

Hi, the demo is so cool. I'm just very interested in how the ssr improve the initial page load experience.

The question I have is in this demo, it seems on the server, an INITIAL STATE will be generated and sent to client, and then the client js will render the page based on that state.

What I expect is the server will render all the html and send them to the client.

Could you explain how to do this in vue server rendering?

Thanks

http://app.52tt.com/active/promotion_lottery_mudule/index.html?gid=295808&uid=5717516&version=34078722&os_type=1&platform=1&app=0
该页面采用vue2.0
"es6-promise": "^3.2.1",
"vue": "^2.0.0-rc.1",
"vue-server-renderer": "^2.0.0-rc.1",
"vuex": "^2.0.0-rc.4"
测试环境:三星note2 海马玩模拟器 夜神模拟器安卓 都不行 请问如何解决？

在服务端渲染的情况下，可以直接用到的样式放在html里吗？直接由服务端输出，这样会更快啊？

Hi,

I'm pretty new to all the HMR + vuex stuff, that's why i'm playing with this demo.
However, I found this strange behaviour:
Let's take the App.vue component.
If I update the text in one of the router-link node, HMR works and the text node gets updated

<router-link to="/top">TopFoo</router-link>

If I add a HTML node right before, HMR works as expected, the node is prepended

<h1>Bar</h1>
<router-link to="/top">TopFoo</router-link>

But if I update the text within that new tag, HMR does not care at all

<h1>BarBaz</h1>
<router-link to="/top">TopFoo</router-link>

Is it intended?

Is there any way to properly managing HTTP status code, such as 404, 500, etc. with SSR?

Hi guys,

I want to include scipts only in page Contact.vue

Please help me?
Tks!!

本地运行没问题
npm run build编译之后
将 index.html 和 dist 目录
上传到了静态服务器，
界面出不来，
控制台显示错误
Uncaught TypeError: Cannot read property 'route' of undefined
线上预览
该怎么解决呢？

看了代码好像是 vuex-router-sync 的问题

Hi guys,

I just found Vue js, it's look pretty cool and I'm trying to make a starter project with it. I replaced express with Feathers but got i got this error

C:\Users\lam\Desktop\vue-feathers\src\app.js:91
    throw err
    ^
 TypeError: __WEBPACK_IMPORTED_MODULE_0_firebase___default.a is not a function
    at createServerSideAPI (__vue_ssr_bundle__:139:13)
    at Object.<anonymous> (__vue_ssr_bundle__:136:157)
    at __webpack_require__ (__vue_ssr_bundle__:21:30)
    at Object.<anonymous> (__vue_ssr_bundle__:331:63)
    at __webpack_require__ (__vue_ssr_bundle__:21:30)
    at Object.module.exports.exports.host (__vue_ssr_bundle__:217:65)
    at __webpack_require__ (__vue_ssr_bundle__:21:30)
    at Object.<anonymous> (__vue_ssr_bundle__:1409:63)
    at __webpack_require__ (__vue_ssr_bundle__:21:30)
    at __vue_ssr_bundle__:65:18

Can you guys help me to take a look at my repo and tell me what did I do wrong?
https://github.com/kieusonlam/vue-feathers-wepack
Thanks!

Hi, guys!
I try to add vue-resource 1.0.3 to this sample. package.json.

"dependencies": {
    "es6-promise": "^3.2.1",
    "express": "^4.14.0",
    "firebase": "^2.4.2",
    "lru-cache": "^4.0.1",
    "serialize-javascript": "^1.3.0",
    "serve-favicon": "^2.3.0",
    "vue": "^2.0.1",
    "vue-router": "^2.0.1",
    "vue-resource": "^1.0.3",
    "vue-server-renderer": "^2.0.1",
    "vuex": "^2.0.0",
    "vuex-router-sync": "^3.0.0"
  }

app.js

import VueResource from 'vue-resource'
Vue.use(VueResource)

But, when it run, throws error strack...

D:\vue-hackernews-2.0\server.js:85
throw err
^

ReferenceError: document is not defined
at Object. (D:\vue-hackernews-2.0\node_modules.1.0.3@vue-resource\dist\vue-resource.common.js:641:18)
at Module._compile (module.js:556:32)
at Object.Module._extensions..js (module.js:565:10)
at Module.load (module.js:473:32)
at tryModuleLoad (module.js:432:12)
at Function.Module._load (module.js:424:3)
at Module.require (module.js:483:17)
at require (internal/module.js:20:19)
at Object. (vue_ssr_bundle:2568:18)
at webpack_require (vue_ssr_bundle:21:30)

npm ERR! Windows_NT 6.1.7601
npm ERR! argv "D:\application\nodejs\node.exe" "D:\application\nodejs\node_modules\npm\bin\npm-cli.js" "run" "dev"
npm ERR! node v6.7.0
npm ERR! npm v3.10.3
npm ERR! code ELIFECYCLE
npm ERR! ehr-web@ dev: node server

I'm playing with the demo for past three days and get a rough understanding of how the whole system run. I would say vue 2.0 is amazing. I want to upgrade my 1.x to 2.x ASAP.

The only issue that block me is for server bundle debugging.
I basically fail to debug the server bundle and have no idea how to setup breakpoint for the Vue app. I can break in the server.js anyway, but it's not that useful because I would like to debug my Vue app.
And debugger statement doesn't work either.

Please suggest. Currently I have to fallback to use console.log.

502: An error occured with your deployment

https://vue-hn.now.sh/

Appears I got a page from a service worker.

After upgrade vue-server-renderer to RC 8, it complains

TypeError: __WEBPACK_IMPORTED_MODULE_0_firebase___default.a is not a constructor
    at createServerSideAPI (__vue_ssr_bundle__:138:13)
    at Object.<anonymous> (__vue_ssr_bundle__:135:157)
    at __webpack_require__ (__vue_ssr_bundle__:21:30)
    at Object.<anonymous> (__vue_ssr_bundle__:675:63)
    at __webpack_require__ (__vue_ssr_bundle__:21:30)
    at Object.module.exports.exports.default.name (__vue_ssr_bundle__:216:65)
    at __webpack_require__ (__vue_ssr_bundle__:21:30)
    at Object.<anonymous> (__vue_ssr_bundle__:1359:63)
    at __webpack_require__ (__vue_ssr_bundle__:21:30)
    at __vue_ssr_bundle__:65:18

有koa2版本的吗？

@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?