在学习Vue SSR的时候启动服务器成功,访问资源就报这个错。看源码看了好久也没发现哪里有错,在网上找了好久也没发现解决方法。然后,就把教程里面的 package.json
文件复制过来,并且把 node_module 文件夹删除(一定要先手动删除),重新下载依赖,并且重新构建项目,能成功启动项目了。看来还是依赖版本不兼容的问题。
看一下源码中抛错的地方:
推测是此时 renderer
没有正确的自动获取应用实例,导致 vm.$options
里面的属性都是空的。
vue-ssr/node_modules/.store/vue-server-renderer@2.7.15/node_modules/vue-server-renderer/build.dev.js
const normalizeRender = vm => {
const { render, template, _scopeId } = vm.$options;
if (isUndef(render)) {
if (template) {
const compiled = compileToFunctions(template, {
scopeId: _scopeId,
warn: onCompilationError
}, vm);
vm.$options.render = compiled.render;
vm.$options.staticRenderFns = compiled.staticRenderFns;
}
else {
throw new Error(`render function or template not defined in component: ${vm.$options.name || vm.$options._componentTag || 'anonymous'}`);
}
}
};