Estoy usando laravel 8 para backend y react js para frontend. Después de la llamada de " app.js " en el script de vista " index.blade.php " para mostrar el componente " ejemplo ", no se muestra nada... Aquí está mi código:

Ejemplo.js

 import React from 'react'; import ReactDOM from 'react-dom'; function Example() { return ( <p>HEYYY THIS IS ME</p> ); } export default Example; if (document.getElementById('example')) { ReactDOM.render(<Example />, document.getElementById('example')); }

índice.blade.php :

 @extends('layouts.app') @section('content') <div id="example"> <script src="{{ asset('js/app.js') }}"></script> </div> @endsection

web.php:

 /* ... */ Route::get('/', function () { return view('index'); })->where('/', '[^admin]*'); /* ... */

aplicación.js:

 require('./bootstrap'); require('./components/Example');

Creo que la llamada de app.js es correcta porque cuando inspecciono muestra

 <div id="example"> <script src="http://127.0.0.1:8000/js/app.js"></script> </div>