Javascript 如何将React组件连接到Laravel刀片

我在为我的项目添加React时遇到问题。未渲染该组件。这不是水疗项目

我试过最简单的方法。我已经用“laravel new reactexample”设置了新项目，接下来我制作了“php artisan preset react”和“纱线运行”。之后，我添加了welcome blade.php

Example.js

import React, { Component } from 'react';
import ReactDOM from 'react-dom';

export default class Example extends Component {
    render() {
        return (
            <div className="container">
                <div className="row justify-content-center">
                    <div className="col-md-8">
                        <div className="card">
                            <div className="card-header">
                                Example Component
                            </div>
                            <div className="card-body">
                                I am an example component!
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        );
    }
}

if (document.getElementById('example')) {
    ReactDOM.render(<Example />, document.getElementById('example'));
}

app.js

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

---

配置中有什么遗漏吗？如何在页面上获得渲染组件？

好的，我找到了解决方案。我必须补充一点

<script src="{{asset('js/app.js')}}" ></script>

转到页面

<script src="{{asset('js/app.js')}}" ></script>