React-Laravel（7.2）组件未显示在blade.php中

Question

我试图在我的 PHP laravel 项目中使用一个反应组件，但该组件没有显示 它一直显示一个空白区域，但我尝试在 id='footercomp' 的 div 块中插入一个 h1 标签，但其中也没有任何效果。 我跑

composer laravel/ui react
npm install
npm run dev
php artisan ui react

HTML

<footer class="footer-section">
  <div id='footercomp'>

  </div>
</footer>
<script src="js/app.js" type="text/javascript"></script>

app.js

require('./bootstrap');

require('./components/FooterComp')

页脚压缩

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

export default class FooterComp{
    render() {
        return (
            <div className="container-fluid">
                <div className="row">
                    <div className="col-md-6 order-1 order-md-2">
                        <div className="footer-social-links">
                            <a href=""><i className="fa fa-pinterest"></i></a>
                            <a href=""><i className="fa fa-facebook"></i></a>
                            <a href=""><i className="fa fa-twitter"></i></a>
                            <a href=""><i className="fa fa-dribbble"></i></a>
                            <a href=""><i className="fa fa-behance"></i></a>
                            <div className="col-md-6 order-2 order-md-1">
                                <div className="copyright">
                                    Copyright &copy;
                                    <script type="fdd38016b2c0a37d3fefa1a8-text/javascript">
                                        document.write(new Date().getFullYear());
                                    </script>
                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        )
    }
} 

export default FooterComp

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

Answer 1

您是否尝试在布局文件中添加 app.js ？

我遇到了同样的问题，发现没有添加 app.js