如何在 Laravel 项目中启动 React 应用程序答案

【问题标题】：How to start React app in Laravel project如何在 Laravel 项目中启动 React 应用程序
【发布时间】：2021-08-13 13:49:50
【问题描述】：

我在同一个文件夹中有一个 Laravel 应用和 react 应用。 npm start 没有运行并给我错误“npm ERR！缺少脚本：开始” 当我输入命令npm run dev 时它正在运行，但是如何在 Laravel 项目中只运行 react 项目进行开发而不进行构建。

React 文件位于 resources/js laravel 文件夹中

package.json 是

"scripts": {
    "dev": "npm run development",
    "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "npm run development -- --watch",
    "watch-poll": "npm run watch -- --watch-poll",
    "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
    "prod": "npm run production",
    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
},

我也在 pagkage.json 中设置了 start 但不起作用

"scripts": {
    "start": "node resources/js/App.js", 
    "dev": "npm run development",
    "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "npm run development -- --watch",
    "watch-poll": "npm run watch -- --watch-poll",
    "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
    "prod": "npm run production",
    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
},

【问题讨论】：

npm run watch 将继续观察并生成新的 css 和 js 并查看这些更改，您需要 php 服务器 php artisan serve 或任何像 apache 或 nginx 这样的服务器

标签： reactjs laravel npm npm-start

【解决方案1】：

感谢@kamles Paul npm run watch 工作正常。

【讨论】：