const root = document.getElementById('app') return null #120

q8tywolf · 2023-06-04T13:31:08Z

Hello

I have a weird issue
routes
Route.get('/test', async ({ inertia }) => { Logger.debug('hit /test') return inertia.render('Test', { someData: 'hello' }, { title: "welcome to test " }) })
app.tsx
import { InertiaApp } from '@inertiajs/inertia-react'
import React from 'react'
import ReactDOM from 'react-dom'
import '../css/app.css'

// initial page object with props from server
const root = document.getElementById('app')

console.log(root)
const page = JSON.parse(root?.dataset.page as string)

// dynamically load specified page component from "resources/js/Pages/." dir
async function resolver(pageName) {
const module = await import(./Pages/${pageName})
return module.default
}

function App() {
return <InertiaApp initialPage={page} resolveComponent={resolver} initialComponent={''} />
}

ReactDOM.render(, root)

The text was updated successfully, but these errors were encountered:

q8tywolf · 2023-06-05T11:18:55Z

fixed when I put scripts below @interia

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="icon" type="image/png" href="/favicon.ico">

  @entryPointStyles('app')


  <title>{{ title }}</title>
</head>
<body>
  @inertia()
    @entryPointScripts('app')
</body>
</html>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

const root = document.getElementById('app') return null #120

const root = document.getElementById('app') return null #120

q8tywolf commented Jun 4, 2023 •

edited

Loading

q8tywolf commented Jun 5, 2023

const root = document.getElementById('app') return null #120

const root = document.getElementById('app') return null #120

Comments

q8tywolf commented Jun 4, 2023 • edited Loading

q8tywolf commented Jun 5, 2023

q8tywolf commented Jun 4, 2023 •

edited

Loading