"Reference Error: document is not defined" when starting Inertia SSR server

[SpeedJack]

Hi,

I'm facing this issue when trying to run the SSR server for a Laravel project:

$ sail artisan inertia:start-ssr
file:///var/www/html/node_modules/@inertiajs/core/dist/index.esm.js:1
import{default as B}from"axios";function R(t,e){let i;return function(...n){clearTimeout(i),i=setTimeout(()=>t.apply(this,n),e)}}function f(t,e){return document.dispatchEvent(new CustomEvent(`inertia:${t}`,e))}var M=t=>f("before",{cancelable:!0,detail:{visit:t}}),j=t=>f("error",{detail:{errors:t}}),H=t=>f("exception",{cancelable:!0,detail:{exception:t}}),N=t=>f("finish",{detail:{visit:t}}),$=t=>f("invalid",{cancelable:!0,detail:{response:t}}),S=t=>f("navigate",{detail:{page:t}}),q=t=>f("progress",{detail:{progress:t}}),W=t=>f("start",{detail:{visit:t}}),K=t=>f("success",{detail:{page:t}});function I(t){return t instanceof File||t instanceof Blob||t instanceof FileList&&t.length>0||t instanceof FormData&&Array.from(t.values()).some(e=>I(e))||typeof t=="object"&&t!==null&&Object.values(t).some(e=>I(e))}function A(t,e=new FormData,i=null){t=t||{};for(let n in t)Object.prototype.hasOwnProperty.call(t,n)&&J(e,X(i,n),t[n]);return e}function X(t,e){return t?t+"["+e+"]":e}function J(t,e,i){if(Array.isArray(i))return Array.from(i.keys()).forEach(n=>J(t,X(e,n.toString()),i[n]));if(i instanceof Date)return t.append(e,i.toISOString());if(i instanceof File)return t.append(e,i,i.name);if(i instanceof Blob)return t.append(e,i);if(typeof i=="boolean")return t.append(e,i?"1":"0");if(typeof i=="string")return t.append(e,i);if(typeof i=="number")return t.append(e,`${i}`);if(i==null)return t.append(e,"");A(i,t,e)}var z={modal:null,listener:null,show(t){typeof t=="object"&&(t=`All Inertia requests must receive a valid Inertia response, however a plain JSON response was received.<hr>${JSON.stringify(t)}`);let e=document.createElement("html");e.innerHTML=t,e.querySelectorAll("a").forEach(n=>n.setAttribute("target","_top")),this.modal=document.createElement("div"),this.modal.style.position="fixed",this.modal.style.width="100vw",this.modal.style.height="100vh",this.modal.style.padding="50px",this.modal.style.boxSizing="border-box",this.modal.style.backgroundColor="rgba(0, 0, 0, .6)",this.modal.style.zIndex=2e5,this.modal.addEventListener("click",()=>this.hide());let i=document.createElement("iframe");if(i.style.backgroundColor="white",i.style.borderRadius="5px",i.style.width="100%",i.style.height="100%",this.modal.appendChild(i),document.body.prepend(this.modal),document.body.style.overflow="hidden",!i.contentWindow)throw new Error("iframe not yet ready.");i.contentWindow.document.open(),i.contentWindow.document.write(e.outerHTML),i.contentWindow.document.close(),this.listener=this.hideOnEscape.bind(this),document.addEventListener("keydown",this.listener)},hide(){this.modal.outerHTML="",this.modal=null,document.body.style.overflow="visible",document.removeEventListener("keydown",this.listener)},hideOnEscape(t){t.keyCode===27&&this.hide()}};import te from"deepmerge";import*as O from"qs";function v(t){return new URL(t.toString(),window.location.toString())}function k(t,e,i,n="brackets"){let o=/^https?:\/\//.test(e.toString()),c=o||e.toString().startsWith("/"),h=!c&&!e.toString().startsWith("#")&&!e.toString().startsWith("?"),m=e.toString().includes("?")||t==="get"&&Object.keys(i).length,b=e.toString().includes("#"),a=new URL(e.toString(),"http://localhost");return t==="get"&&Object.keys(i).length&&(a.search=O.stringify(te(O.parse(a.search,{ignoreQueryPrefix:!0}),i),{encodeValuesOnly:!0,arrayFormat:n}),i={}),[[o?`${a.protocol}//${a.host}`:"",c?a.pathname:"",h?a.pathname.substring(1):"",m?a.search:"",b?a.hash:""].join(""),i]}function w(t){return t=new URL(t.href),t.hash="",t}var _=typeof window>"u",C=class{constructor(){this.visitId=null}init({initialPage:e,resolveComponent:i,swapComponent:n}){this.page=e,this.resolveComponent=i,this.swapComponent=n,this.setNavigationType(),this.clearRememberedStateOnReload(),this.isBackForwardVisit()?this.handleBackForwardVisit(this.page):this.isLocationVisit()?this.handleLocationVisit(this.page):this.handleInitialPageVisit(this.page),this.setupEventListeners()}setNavigationType(){this.navigationType=window.performance&&window.performance.getEntriesByType("navigation").length>0?window.performance.getEntriesByType("navigation")[0].type:"navigate"}clearRememberedStateOnReload(){this.navigationType==="reload"&&window.history.state?.rememberedState&&delete window.history.state.rememberedState}handleInitialPageVisit(e){this.page.url+=window.location.hash,this.setPage(e,{preserveState:!0}).then(()=>S(e))}setupEventListeners(){window.addEventListener("popstate",this.handlePopstateEvent.bind(this)),document.addEventListener("scroll",R(this.handleScrollEvent.bind(this),100),!0)}scrollRegions(){return document.querySelectorAll("[scroll-region]")}handleScrollEvent(e){typeof e.target.hasAttribute=="function"&&e.target.hasAttribute("scroll-region")&&this.saveScrollPositions()}saveScrollPositions(){this.replaceState({...this.page,scrollRegions:Array.from(this.scrollRegions()).map(e=>({top:e.scrollTop,left:e.scrollLeft}))})}resetScrollPositions(){window.scrollTo(0,0),this.scrollRegions().forEach(e=>{typeof e.scrollTo=="function"?e.scrollTo(0,0):(e.scrollTop=0,e.scrollLeft=0)}),this.saveScrollPositions(),window.location.hash&&setTimeout(()=>document.getElementById(window.location.hash.slice(1))?.scrollIntoView())}restoreScrollPositions(){this.page.scrollRegions&&this.scrollRegions().forEach((e,i)=>{let n=this.page.scrollRegions[i];if(n)typeof e.scrollTo=="function"?e.scrollTo(n.left,n.top):(e.scrollTop=n.top,e.scrollLeft=n.left);else return})}isBackForwardVisit(){return window.history.state&&this.navigationType==="back_forward"}handleBackForwardVisit(e){window.history.state.version=e.version,this.setPage(window.history.state,{preserveScroll:!0,preserveState:!0}).then(()=>{this.restoreScrollPositions(),S(e)})}locationVisit(e,i){try{let n={preserveScroll:i};window.sessionStorage.setItem("inertiaLocationVisit",JSON.stringify(n)),window.location.href=e.href,w(window.location).href===w(e).href&&window.location.reload()}catch{return!1}}isLocationVisit(){try{return window.sessionStorage.getItem("inertiaLocationVisit")!==null}catch{return!1}}handleLocationVisit(e){let i=JSON.parse(window.sessionStorage.getItem("inertiaLocationVisit")||"");window.sessionStorage.removeItem("inertiaLocationVisit"),e.url+=window.location.hash,e.rememberedState=window.history.state?.rememberedState??{},e.scrollRegions=window.history.state?.scrollRegions??[],this.setPage(e,{preserveScroll:i.preserveScroll,preserveState:!0}).then(()=>{i.preserveScroll&&this.restoreScrollPositions(),S(e)})}isLocationVisitResponse(e){return!!(e&&e.status===409&&e.headers["x-inertia-location"])}isInertiaResponse(e){return!!e?.headers["x-inertia"]}createVisitId(){return this.visitId={},this.visitId}cancelVisit(e,{cancelled:i=!1,interrupted:n=!1}){e&&!e.completed&&!e.cancelled&&!e.interrupted&&(e.cancelToken.abort(),e.onCancel(),e.completed=!1,e.cancelled=i,e.interrupted=n,N(e),e.onFinish(e))}finishVisit(e){!e.cancelled&&!e.interrupted&&(e.completed=!0,e.cancelled=!1,e.interrupted=!1,N(e),e.onFinish(e))}resolvePreserveOption(e,i){return typeof e=="function"?e(i):e==="errors"?Object.keys(i.props.errors||{}).length>0:e}cancel(){this.activeVisit&&this.cancelVisit(this.activeVisit,{cancelled:!0})}visit(e,{method:i="get",data:n={},replace:o=!1,preserveScroll:c=!1,preserveState:h=!1,only:m=[],headers:b={},errorBag:a="",forceFormData:l=!1,onCancelToken:g=()=>{},onBefore:L=()=>{},onStart:d=()=>{},onProgress:p=()=>{},onFinish:T=()=>{},onCancel:y=()=>{},onSuccess:D=()=>{},onError:U=()=>{},queryStringArrayFormat:F="brackets"}={}){let x=typeof e=="string"?v(e):e;if((I(n)||l)&&!(n instanceof FormData)&&(n=A(n)),!(n instanceof FormData)){let[r,s]=k(i,x,n,F);x=v(r),n=s}let P={url:x,method:i,data:n,replace:o,preserveScroll:c,preserveState:h,only:m,headers:b,errorBag:a,forceFormData:l,queryStringArrayFormat:F,cancelled:!1,completed:!1,interrupted:!1};if(L(P)===!1||!M(P))return;this.activeVisit&&this.cancelVisit(this.activeVisit,{interrupted:!0}),this.saveScrollPositions();let G=this.createVisitId();this.activeVisit={...P,onCancelToken:g,onBefore:L,onStart:d,onProgress:p,onFinish:T,onCancel:y,onSuccess:D,onError:U,queryStringArrayFormat:F,cancelToken:new AbortController},g({cancel:()=>{this.activeVisit&&this.cancelVisit(this.activeVisit,{cancelled:!0})}}),W(P),d(P),B({method:i,url:w(x).href,data:i==="get"?{}:n,params:i==="get"?n:{},signal:this.activeVisit.cancelToken.signal,headers:{...b,Accept:"text/html, application/xhtml+xml","X-Requested-With":"XMLHttpRequest","X-Inertia":!0,...m.length?{"X-Inertia-Partial-Component":this.page.component,"X-Inertia-Partial-Data":m.join(",")}:{},...a&&a.length?{"X-Inertia-Error-Bag":a}:{},...this.page.version?{"X-Inertia-Version":this.page.version}:{}},onUploadProgress:r=>{n instanceof FormData&&(r.percentage=r.progress?Math.round(r.progress*100):0,q(r),p(r))}}).then(r=>{if(!this.isInertiaResponse(r))return Promise.reject({response:r});let s=r.data;m.length&&s.component===this.page.component&&(s.props={...this.page.props,...s.props}),c=this.resolvePreserveOption(c,s),h=this.resolvePreserveOption(h,s),h&&window.history.state?.rememberedState&&s.component===this.page.component&&(s.rememberedState=window.history.state.rememberedState);let E=x,V=v(s.url);return E.hash&&!V.hash&&w(E).href===V.href&&(V.hash=E.hash,s.url=V.href),this.setPage(s,{visitId:G,replace:o,preserveScroll:c,preserveState:h})}).then(()=>{let r=this.page.props.errors||{};if(Object.keys(r).length>0){let s=a?r[a]?r[a]:{}:r;return j(s),U(s)}return K(this.page),D(this.page)}).catch(r=>{if(this.isInertiaResponse(r.response))return this.setPage(r.response.data,{visitId:G});if(this.isLocationVisitResponse(r.response)){let s=v(r.response.headers["x-inertia-location"]),E=x;E.hash&&!s.hash&&w(E).href===s.href&&(s.hash=E.hash),this.locationVisit(s,c===!0)}else if(r.response)$(r.response)&&z.show(r.response.data);else return Promise.reject(r)}).then(()=>{this.activeVisit&&this.finishVisit(this.activeVisit)}).catch(r=>{if(!B.isCancel(r)){let s=H(r);if(this.activeVisit&&this.finishVisit(this.activeVisit),s)return Promise.reject(r)}})}setPage(e,{visitId:i=this.createVisitId(),replace:n=!1,preserveScroll:o=!1,preserveState:c=!1}={}){return Promise.resolve(this.resolveComponent(e.component)).then(h=>{i===this.visitId&&(e.scrollRegions=e.scrollRegions||[],e.rememberedState=e.rememberedState||{},n=n||v(e.url).href===window.location.href,n?this.replaceState(e):this.pushState(e),this.swapComponent({component:h,page:e,preserveState:c}).then(()=>{o||this.resetScrollPositions(),n||S(e)}))})}pushState(e){this.page=e,window.history.pushState(e,"",e.url)}replaceState(e){this.page=e,window.history.replaceState(e,"",e.url)}handlePopstateEvent(e){if(e.state!==null){let i=e.state,n=this.createVisitId();Promise.resolve(this.resolveComponent(i.component)).then(o=>{n===this.visitId&&(this.page=i,this.swapComponent({component:o,page:i,preserveState:!1}).then(()=>{this.restoreScrollPositions(),S(i)}))})}else{let i=v(this.page.url);i.hash=window.location.hash,this.replaceState({...this.page,url:i.href}),this.resetScrollPositions()}}get(e,i={},n={}){return this.visit(e,{...n,method:"get",data:i})}reload(e={}){return this.visit(window.location.href,{...e,preserveScroll:!0,preserveState:!0})}replace(e,i={}){return console.warn(`Inertia.replace() has been deprecated and will be removed in a future release. Please use Inertia.${i.method??"get"}() instead.`),this.visit(e,{preserveState:!0,...i,replace:!0})}post(e,i={},n={}){return this.visit(e,{preserveState:!0,...n,method:"post",data:i})}put(e,i={},n={}){return this.visit(e,{preserveState:!0,...n,method:"put",data:i})}patch(e,i={},n={}){return this.visit(e,{preserveState:!0,...n,method:"patch",data:i})}delete(e,i={}){return this.visit(e,{preserveState:!0,...i,method:"delete"})}remember(e,i="default"){_||this.replaceState({...this.page,rememberedState:{...this.page?.rememberedState,[i]:e}})}restore(e="default"){if(!_)return window.history.state?.rememberedState?.[e]}on(e,i){let n=o=>{let c=i(o);o.cancelable&&!o.defaultPrevented&&c===!1&&o.preventDefault()};return document.addEventListener(`inertia:${e}`,n),()=>document.removeEventListener(`inertia:${e}`,n)}};var ie={buildDOMElement(t){let e=document.createElement("template");e.innerHTML=t;let i=e.content.firstChild;if(!t.startsWith("<script "))return i;let n=document.createElement("script");return n.innerHTML=i.innerHTML,i.getAttributeNames().forEach(o=>{n.setAttribute(o,i.getAttribute(o)||"")}),n},isInertiaManagedElement(t){return t.nodeType===Node.ELEMENT_NODE&&t.getAttribute("inertia")!==null},findMatchingElementIndex(t,e){let i=t.getAttribute("inertia");return i!==null?e.findIndex(n=>n.getAttribute("inertia")===i):-1},update:R(function(t){let e=t.map(n=>this.buildDOMElement(n));Array.from(document.head.childNodes).filter(n=>this.isInertiaManagedElement(n)).forEach(n=>{let o=this.findMatchingElementIndex(n,e);if(o===-1){n?.parentNode?.removeChild(n);return}let c=e.splice(o,1)[0];c&&!n.isEqualNode(c)&&n?.parentNode?.replaceChild(c,n)}),e.forEach(n=>document.head.appendChild(n))},1)};function Q(t,e,i){let n={},o=0;function c(){let l=o+=1;return n[l]=[],l.toString()}function h(l){l===null||Object.keys(n).indexOf(l)===-1||(delete n[l],a())}function m(l,g=[]){l!==null&&Object.keys(n).indexOf(l)>-1&&(n[l]=g),a()}function b(){let l=e(""),g={...l?{title:`<title inertia="">${l}</title>`}:{}},L=Object.values(n).reduce((d,p)=>d.concat(p),[]).reduce((d,p)=>{if(p.indexOf("<")===-1)return d;if(p.indexOf("<title ")===0){let y=p.match(/(<title [^>]+>)(.*?)(<\/title>)/);return d.title=y?`${y[1]}${e(y[2])}${y[3]}`:p,d}let T=p.match(/ inertia="[^"]+"/);return T?d[T[0]]=p:d[Object.keys(d).length]=p,d},g);return Object.values(L)}function a(){t?i(b()):ie.update(b())}return a(),{forceUpdate:a,createProvider:function(){let l=c();return{update:g=>m(l,g),disconnect:()=>h(l)}}}}import u from"nprogress";var Y=null;function ne(t){document.addEventListener("inertia:start",re.bind(null,t)),document.addEventListener("inertia:progress",oe),document.addEventListener("inertia:finish",se)}function re(t){Y=setTimeout(()=>u.start(),t)}function oe(t){u.isStarted()&&t.detail.progress?.percentage&&u.set(Math.max(u.status,t.detail.progress.percentage/100*.9))}function se(t){if(clearTimeout(Y),u.isStarted())t.detail.visit.completed?u.done():t.detail.visit.interrupted?u.set(0):t.detail.visit.cancelled&&(u.done(),u.remove());else return}function ae(t){let e=document.createElement("style");e.type="text/css",e.textContent=`
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            

ReferenceError: document is not defined
    at C.on (file:///var/www/html/node_modules/@inertiajs/core/dist/index.esm.js:1:12016)
    at file:///var/www/html/bootstrap/ssr/ssr.js:903:8
    at ModuleJob.run (node:internal/modules/esm/module_job:218:25)
    at async ModuleLoader.import (node:internal/modules/esm/loader:329:24)
    at async loadESM (node:internal/process/esm_loader:28:7)
    at async handleMainPromise (node:internal/modules/run_main:113:12)

Node.js v20.11.1

I'm using Vue3 + Inertia + Vite + Laravel under docker (sail). Before trying to start the SSR server I successfully executed the command npm run build (which runs vite build && vite build --ssr).

The strange thing is that the error message says that the issue is inside InertiaJS core. And I've also tried to comment out any document in the project but the issue persist (I've re-run npm run build).

This is the code around line 903 (router.on("before", (event) => {) in bootstrap/ssr/ssr.js:

$ head -929 bootstrap/ssr/ssr.js | tail -44
const page = usePage();
const modal = computed(() => {
  var _a;
  return (_a = page == null ? void 0 : page.props) == null ? void 0 : _a.modal;
});
const props = computed(() => {
  var _a;
  return (_a = modal.value) == null ? void 0 : _a.props;
});
const key = computed(() => {
  var _a;
  return (_a = modal.value) == null ? void 0 : _a.key;
});
const componentName = ref();
const component = shallowRef();
const show = ref(false);
const vnode = ref();
router.on("before", (event) => {
  var _a;
  event.detail.visit.headers["X-Inertia-Modal-Key"] = key.value;
  event.detail.visit.headers["X-Inertia-Modal-Redirect"] = (_a = modal.value) == null ? void 0 : _a.redirectURL;
});
const close = () => {
  show.value = false;
};
const resolveComponent = () => {
  var _a, _b;
  if (!((_a = modal.value) == null ? void 0 : _a.component)) {
    return close();
  }
  if (componentName.value !== ((_b = modal.value) == null ? void 0 : _b.component)) {
    componentName.value = modal.value.component;
    if (componentName.value) {
      component.value = defineAsyncComponent(() => resolver.resolve(componentName.value));
    } else {
      component.value = false;
    }
  }
  vnode.value = component.value ? h$1(component.value, {
    key: key.value,
    ...props.value
  }) : "";
  nextTick(() => show.value = true);
};

Installed packages:

$ sail composer show
brick/math                         0.11.0  Arbitrary-precision arithmetic library
carbonphp/carbon-doctrine-types    3.2.0   Types to use Carbon in Doctrine
dflydev/dot-access-data            v3.0.2  Given a deep data structure, access data by dot notation.
doctrine/inflector                 2.0.10  PHP Doctrine Inflector is a small library that can perform string manipulations with regard to upper/lowercase and singular/plural forms of words.
doctrine/lexer                     3.0.1   PHP Doctrine Lexer parser library that can be used in Top-Down, Recursive Descent Parsers.
dragonmantank/cron-expression      v3.3.3  CRON for PHP: Calculate the next or previous run date and determine if a CRON expression is due
egulias/email-validator            4.0.2   A library for validating emails against several RFCs
emargareten/inertia-modal          v1.2.0  Inertia Modal is a Laravel package that lets you implement backend-driven modal dialogs for Inertia apps.
fakerphp/faker                     v1.23.1 Faker is a PHP library that generates fake data for you.
filp/whoops                        2.15.4  php error handling for cool kids
fruitcake/php-cors                 v1.3.0  Cross-origin resource sharing library for the Symfony HttpFoundation
garfaludica-aps/pint               v1.15.1 Laravel Pint with tab support.
graham-campbell/result-type        v1.1.2  An Implementation Of The Result Type
guzzlehttp/guzzle                  7.8.1   Guzzle is a PHP HTTP client library
guzzlehttp/promises                2.0.2   Guzzle promises library
guzzlehttp/psr7                    2.6.2   PSR-7 message implementation that also provides common utility methods
guzzlehttp/uri-template            v1.0.3  A polyfill class for uri_template of PHP
hamcrest/hamcrest-php              v2.0.1  This is the PHP port of Hamcrest Matchers
inertiajs/inertia-laravel          v1.0.0  The Laravel adapter for Inertia.js.
laravel/framework                  v11.3.1 The Laravel Framework.
laravel/prompts                    v0.1.18
laravel/sail                       v1.29.1 Docker files for running a basic Laravel application.
laravel/serializable-closure       v1.3.3  Laravel Serializable Closure provides an easy and secure way to serialize closures in PHP.
laravel/tinker                     v2.9.0  Powerful REPL for the Laravel framework.
league/commonmark                  2.4.2   Highly-extensible PHP Markdown parser which fully supports the CommonMark spec and GitHub-Flavored Markdown (GFM)
league/config                      v1.2.0  Define configuration arrays with strict schemas and access values with dot notation
league/flysystem                   3.27.0  File storage abstraction for PHP
league/flysystem-local             3.25.1  Local filesystem adapter for Flysystem.
league/mime-type-detection         1.15.0  Mime-type detection for Flysystem
mockery/mockery                    1.6.11  Mockery is a simple yet flexible PHP mock object framework
monicahq/laravel-cloudflare        3.7.1   Add Cloudflare ip addresses to trusted proxies for Laravel.
monolog/monolog                    3.5.0   Sends your logs to files, sockets, inboxes, databases and various web services
myclabs/deep-copy                  1.11.1  Create deep copies (clones) of your objects
nesbot/carbon                      3.2.4   An API extension for DateTime that supports 281 different languages.
nette/schema                       v1.3.0  📐 Nette Schema: validating data structures against a given Schema.
nette/utils                        v4.0.4  🛠  Nette Utils: lightweight utilities for string & array manipulation, image handling, safe JSON encoding/decoding, validation, slug or strong password generating etc.
nikic/php-parser                   v5.0.2  A PHP parser written in PHP
nunomaduro/collision               v8.1.1  Cli error handling for console/command-line PHP applications.
nunomaduro/termwind                v2.0.1  Its like Tailwind CSS, but for the console.
phar-io/manifest                   2.0.4   Component for reading phar.io manifest information from a PHP Archive (PHAR)
phar-io/version                    3.2.1   Library for handling version information and constraints
phpoption/phpoption                1.9.2   Option Type for PHP
phpunit/php-code-coverage          11.0.3  Library that provides collection, processing, and rendering functionality for PHP code coverage information.
phpunit/php-file-iterator          5.0.0   FilterIterator implementation that filters files based on a list of suffixes.
phpunit/php-invoker                5.0.0   Invoke callables with a timeout
phpunit/php-text-template          4.0.0   Simple template engine.
phpunit/php-timer                  7.0.0   Utility class for timing
phpunit/phpunit                    11.1.1  The PHP Unit Testing framework.
psr/clock                          1.0.0   Common interface for reading the clock.
psr/container                      2.0.2   Common Container Interface (PHP FIG PSR-11)
psr/event-dispatcher               1.0.0   Standard interfaces for event handling.
psr/http-client                    1.0.3   Common interface for HTTP clients
psr/http-factory                   1.0.2   Common interfaces for PSR-7 HTTP message factories
psr/http-message                   2.0     Common interface for HTTP messages
psr/log                            3.0.0   Common interface for logging libraries
psr/simple-cache                   3.0.0   Common interfaces for simple caching
psy/psysh                          v0.12.3 An interactive shell for modern PHP.
ralouphie/getallheaders            3.0.3   A polyfill for getallheaders.
ramsey/collection                  2.0.0   A PHP library for representing and manipulating collections.
ramsey/uuid                        4.7.5   A PHP library for generating and working with universally unique identifiers (UUIDs).
sebastian/cli-parser               3.0.1   Library for parsing CLI options
sebastian/code-unit                3.0.0   Collection of value objects that represent the PHP code units
sebastian/code-unit-reverse-lookup 4.0.0   Looks up which function or method a line of code belongs to
sebastian/comparator               6.0.0   Provides the functionality to compare PHP values for equality
sebastian/complexity               4.0.0   Library for calculating the complexity of PHP code units
sebastian/diff                     6.0.1   Diff implementation
sebastian/environment              7.1.0   Provides functionality to handle HHVM/PHP environments
sebastian/exporter                 6.0.1   Provides the functionality to export PHP variables for visualization
sebastian/global-state             7.0.1   Snapshotting of global state
sebastian/lines-of-code            3.0.0   Library for counting the lines of code in PHP source code
sebastian/object-enumerator        6.0.0   Traverses array structures and object graphs to enumerate all referenced objects
sebastian/object-reflector         4.0.0   Allows reflection of object attributes, including inherited and non-public ones
sebastian/recursion-context        6.0.0   Provides functionality to recursively process PHP variables
sebastian/type                     5.0.0   Collection of value objects that represent the types of the PHP type system
sebastian/version                  5.0.0   Library that helps with managing the version number of Git-hosted PHP projects
spatie/backtrace                   1.5.3   A better backtrace
spatie/flare-client-php            1.4.4   Send PHP errors to Flare
spatie/ignition                    1.13.1  A beautiful error page for PHP applications.
spatie/laravel-ignition            2.5.1   A beautiful error page for Laravel applications.
symfony/clock                      v7.0.5  Decouples applications from the system clock
symfony/console                    v7.0.6  Eases the creation of beautiful and testable command line interfaces
symfony/css-selector               v7.0.3  Converts CSS selectors to XPath expressions
symfony/deprecation-contracts      v3.4.0  A generic function and convention to trigger deprecation notices
symfony/error-handler              v7.0.6  Provides tools to manage errors and ease debugging PHP code
symfony/event-dispatcher           v7.0.3  Provides tools that allow your application components to communicate with each other by dispatching events and listening to them
symfony/event-dispatcher-contracts v3.4.2  Generic abstractions related to dispatching event
symfony/finder                     v7.0.0  Finds files and directories via an intuitive fluent interface
symfony/http-foundation            v7.0.6  Defines an object-oriented layer for the HTTP specification
symfony/http-kernel                v7.0.6  Provides a structured process for converting a Request into a Response
symfony/mailer                     v7.0.6  Helps sending emails
symfony/mime                       v7.0.6  Allows manipulating MIME messages
symfony/polyfill-ctype             v1.29.0 Symfony polyfill for ctype functions
symfony/polyfill-intl-grapheme     v1.29.0 Symfony polyfill for intl's grapheme_* functions
symfony/polyfill-intl-idn          v1.29.0 Symfony polyfill for intl's idn_to_ascii and idn_to_utf8 functions
symfony/polyfill-intl-normalizer   v1.29.0 Symfony polyfill for intl's Normalizer class and related functions
symfony/polyfill-mbstring          v1.29.0 Symfony polyfill for the Mbstring extension
symfony/polyfill-php72             v1.29.0 Symfony polyfill backporting some PHP 7.2+ features to lower PHP versions
symfony/polyfill-php80             v1.29.0 Symfony polyfill backporting some PHP 8.0+ features to lower PHP versions
symfony/polyfill-php83             v1.29.0 Symfony polyfill backporting some PHP 8.3+ features to lower PHP versions
symfony/polyfill-uuid              v1.29.0 Symfony polyfill for uuid functions
symfony/process                    v7.0.4  Executes commands in sub-processes
symfony/routing                    v7.0.6  Maps an HTTP request to a set of configuration variables
symfony/service-contracts          v3.4.2  Generic abstractions related to writing services
symfony/string                     v7.0.4  Provides an object-oriented API to strings and deals with bytes, UTF-8 code points and grapheme clusters in a unified way
symfony/translation                v7.0.4  Provides tools to internationalize your application
symfony/translation-contracts      v3.4.2  Generic abstractions related to translation
symfony/uid                        v7.0.3  Provides an object-oriented API to generate and represent UIDs
symfony/var-dumper                 v7.0.6  Provides mechanisms for walking through any arbitrary PHP variable
symfony/yaml                       v7.0.3  Loads and dumps YAML files
theseer/tokenizer                  1.2.3   A small library for converting tokenized PHP source code into XML and potentially other formats
tightenco/ziggy                    v2.1.0  Use your Laravel named routes in JavaScript.
tijsverkoyen/css-to-inline-styles  v2.2.7  CssToInlineStyles is a class that enables you to convert HTML-pages/files into HTML-pages/files with inline styles. This is very useful when you're sending emails.
vlucas/phpdotenv                   v5.6.0  Loads environment variables from `.env` to `getenv()`, `$_ENV` and `$_SERVER` automagically.
voku/portable-ascii                2.0.1   Portable ASCII library - performance optimized (ascii) string functions for php.
webmozart/assert                   1.11.0  Assertions to validate method input/output with nice error messages.

$ sail npm list
app@ /var/www/html
+-- @fortawesome/fontawesome-svg-core@6.5.2
+-- @fortawesome/free-brands-svg-icons@6.5.2
+-- @fortawesome/free-regular-svg-icons@6.5.2
+-- @fortawesome/free-solid-svg-icons@6.5.2
+-- @fortawesome/vue-fontawesome@3.0.6
+-- @headlessui/vue@1.7.19
+-- @inertiajs/vue3@1.0.15
+-- @mdi/js@7.4.47
+-- @tailwindcss/forms@0.5.7
+-- @tailwindcss/typography@0.5.12
+-- @vitejs/plugin-vue@5.0.4
+-- @vue/server-renderer@3.4.21
+-- autoprefixer@10.4.19
+-- axios@1.6.8
+-- laravel-vite-plugin@1.0.2
+-- laravel-vue-i18n@2.7.6
+-- postcss@8.4.38
+-- tailwindcss@3.4.3
+-- uuid@9.0.1
+-- vite@5.2.8
+-- vue@3.4.21
+-- vue3-google-map@0.20.0
`-- vue3-toastify@0.2.1

UPDATE:
I think it may be an issue with this package:
https://github.com/emargareten/inertia-modal

[jankulma]

I had exactly the same error, pointing to exactly the same location:

ReferenceError: document is not defined
    at C.on (file:///var/www/html/node_modules/@inertiajs/core/dist/index.esm.js:1:12016)

at index.esm.js:1:12016 there was

document.addEventListener(`inertia:${e}`,n)

the e var was navigate

when I commented out my router.on('navigate', () => { event listeners the error was gone

[SpeedJack]

Issue solved in latest version: emargareten/inertia-modal#30