标签: vue-server-renderer

我正在尝试创建一个 @vue/cli3 SSR 项目，但似乎无法生成服务器包文件。客户端构建良好。

package.json 脚本

"scripts": {
    "serve": "npm run build && node scripts/serve",
    "build": "npm run build:server && mv dist/vue-ssr-server-bundle.json bundle && npm run build:client && mv bundle dist/vue-ssr-server-bundle.json",
    "build:client": "vue-cli-service build",
    "build:server": "cross-env WEBPACK_TARGET=node vue-cli-service build"
}

运行出错 yarn serve

$ yarn serve
yarn run v1.9.2
$ npm run build && node scripts/serve

> project-name@0.1.0 build /path/to/file/project-name
> npm run build:server && mv dist/vue-ssr-server-bundle.json bundle && npm run build:client && mv bundle dist/vue-ssr-server-bundle.json


> project-name@0.1.0 build:server /path/to/file/project-name …

我面临着有趣的问题......

我确实有一个表单分成步骤 - 像向导.每一步(甚至是第一步)都是从服务器加载的,Django就在这里.向导本身是Vue组件.一切都很好,但现在我想将一个组件添加到HTML中,从服务器返回.事情是Wizard(Vue)只能显示从服务器加载的HTML,它无法解析新组件的HTML并实例化它们.这就是我记得服务器端渲染的地方.

我的问题是,如果我想渲染Django渲染的模板再次通过Vue渲染,那么从哪里开始.

也许没有办法.我想要的只是在我的incomming形式中有另一个丰富的组件,而不仅仅是愚蠢的HTML.

谢谢.

我们有一个Vue.js(v2.2.6)应用程序在生产中运行,基于Hacker News演示应用程序结构进行服务器端渲染.我们有一个内存泄漏导致进程耗尽内存并在大约6-12小时后崩溃,我们已经开始在服务器上获取堆快照以尝试跟踪问题.

然而,我们已经挖掘了这些好几天,并没有真正得到任何地方.突出的事情(正如您在下面的屏幕截图中看到的)是有很多实例VueComponent和Vue$2正在创建并且永远不会从内存中删除.我对Vue服务器端渲染的内部结构知之甚少,不知道这是否是一个真正的领导者,如果是的话,从哪里可以看到.

有没有人碰到这样的事情,或者有什么想法,我们可能会找出可能导致这种情况的原因？