Laravel 8，带有 Inertiajs 的 Vue 3 在 ssr 设置时出错

Question

我遵循了惯性网站文档上的所有服务器端渲染步骤，并安装了所有依赖项，但无法使用 Laravel 8 和 Vue 3 进行设置。

遇到这种错误：

[Vue warn]: Unhandled error during execution of created hook 
  at <App errors= {} key=null >
ReferenceError: document is not defined
    at Proxy.created (C:\Users\Name\desktop\php\laravel\infoajara-new\public\js\ssr.js:702:5)
    at callWithErrorHandling (C:\Users\Name\desktop\php\laravel\infoajara-new\node_modules\@vue\runtime-core\dist\runtime-core.cjs.js:157:36)
    at callWithAsyncErrorHandling (C:\Users\Name\desktop\php\laravel\infoajara-new\node_modules\@vue\runtime-core\dist\runtime-core.cjs.js:166:21)
    at callWithAsyncErrorHandling (C:\Users\Name\desktop\php\laravel\infoajara-new\node_modules\@vue\runtime-core\dist\runtime-core.cjs.js:176:21)
    at callHook (C:\Users\Name\desktop\php\laravel\infoajara-new\node_modules\@vue\runtime-core\dist\runtime-core.cjs.js:2951:5)    
    at applyOptions (C:\Users\Name\desktop\php\laravel\infoajara-new\node_modules\@vue\runtime-core\dist\runtime-core.cjs.js:2853:9)
    at finishComponentSetup (C:\Users\Name\desktop\php\laravel\infoajara-new\node_modules\@vue\runtime-core\dist\runtime-core.cjs.js:7091:9)
    at setupStatefulComponent (C:\Users\Name\desktop\php\laravel\infoajara-new\node_modules\@vue\runtime-core\dist\runtime-core.cjs.js:7003:9)
    at setupComponent (C:\Users\Name\desktop\php\laravel\infoajara-new\node_modules\@vue\runtime-core\dist\runtime-core.cjs.js:6933:11)
    at renderComponentVNode (C:\Users\Name\desktop\php\laravel\infoajara-new\node_modules\@vue\server-renderer\dist\server-renderer.cjs.js:198:17)

有任何想法吗？

Answer 1

您正在尝试访问document变量（仅在客户端可用）。

您可以通过检查您是在服务器中运行代码还是在浏览器中使用类似的东西来避免这种情况

const isServer = typeof window === 'undefined'