LaravelとReactJSを動作させるにはどうすればよいですか？私は両方とも準備が整っています

Question

フロントエンドにReactJS、バックエンドにLaravelを使用するアプリケーションを作りたいと思います。私は両方の準備ができている、Laravelの部分が完了し、ReactJSもそうです。

私は、正気な人がやることのない、ReactJSビルドフォルダをLaravelのビューフォルダとLaravelのassetsフォルダにコピーペーストしようとしました。それは動作しません。これは、すべてのJavaScriptとCSSファイルへの参照がないことを示しています。

index.htmlをindex.blade.htmlに変更しました。

そしておそらく、私はCSSとJavaScriptの間違った経路にリンクしていると思いました。私は/static/css/main.ac1cfcf0.cssをmain.ac1cfcf0.cssに、/static/js/main.551bf7d2.jsをmain.551bf7d2.jsにindex.blade.htmlで変更しましたが、それでも同じエラーです。

どうすればよいですか？

Answer 1

あなたはLaravelミックスを使用している場合は、簡単ES6を使用して反応させるために、あなたのJSファイルを作成し、変換することができます：あなたのwebpack.mix.jsファイルでhttps://laravel.com/docs/5.5/mix#react

を、このようなあなたの資産をコンパイルします。

mix.react('resources/assets/js/react-app.jsx', 'public/js');

その後、ブレード・ファイルで、このようなあなたのバンドルに持ち込む：

<script type="text/javascript" src="{!! asset('js/react-app.min.js') !!}"></script>