You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
import { createSSRApp } from 'vue';
import { renderToString } from '@vue/server-renderer';
import { createRouter, createMemoryHistory } from 'vue-router';
import routes from './configs/routes';
import MainApp from './layouts/MainApp';
import Antd from 'ant-design-vue';
// Fix requestAnimationFrame is not defined
global.requestAnimationFrame = cb => cb();
const app = createSSRApp(MainApp);
const router = createRouter({
history: createMemoryHistory('/'),
routes,
});
app.use(Antd);
app.use(router);
(async () => {
try {
router.push({path: context.url});
await router.isReady();
dispatch(await renderToString(app));
} catch (e) {
// throw new Error(e);
dispatch(e.stack);
}
})();
Npm run hot watch (debug)
What is expected?
Error fixed
What is actually happening?
Error when run ssr debug:
<div id="app">ReferenceError: status is not defined
at eval (webpack-internal:///./node_modules/ant-design-vue/lib/badge/Badge.js:134:563)
at ComputedRefImpl.reactiveEffect [as effect] (webpack-internal:///./node_modules/@vue/reactivity/dist/reactivity.cjs.js:46:24)
at ComputedRefImpl.get value [as value] (webpack-internal:///./node_modules/@vue/reactivity/dist/reactivity.cjs.js:880:32)
at _default (webpack-internal:///./node_modules/ant-design-vue/lib/badge/Badge.js:216:38)
at eval (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:3781:35)
at renderFnWithContext (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:1116:21)
at Proxy.eval (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:3781:35)
at Proxy.eval (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:2204:85)
at renderComponentRoot (webpack-internal:///./node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:1159:44)
at renderComponentSubTree (webpack-internal:///./node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:256:51)</div>
The text was updated successfully, but these errors were encountered:
Version
2.2.2
Environment
Wsl2 ubuntu docker alpine 3.14, vue 3.1.4
Reproduction link
Steps to reproduce
Code:
app-server.js
Npm run hot watch (debug)
What is expected?
Error fixed
What is actually happening?
Error when run ssr debug:
The text was updated successfully, but these errors were encountered: