React集成laravel-mix后执行php artisan serve提示无法打开artisan文件

核心原因 #

php artisan serve是Laravel框架专属的开发服务器启动命令，你的项目是纯React项目，只是用Laravel Mix作为前端构建工具，根目录里根本没有Laravel的artisan文件，所以执行这个命令肯定报错。

解决办法 #

你需要用前端项目的方式启动开发服务器，以下是两种可行方案：

方案1：使用Laravel Mix自带的热重载服务器 #

你的package.json已经配置了对应的命令，直接执行：

npm run hot

这个命令会启动支持热重载的开发服务器，默认访问地址通常是http://localhost:8080，可以直接访问编译后的前端页面。

方案2：使用静态文件服务器 #

如果不需要热重载，也可以借助serve工具：

1. 全局安装serve：

npm install -g serve

2. 先编译项目：

npm run dev

3. 启动服务器指向编译后的dist目录：

serve dist

根据终端提示的地址访问即可。

补充说明 #

Laravel Mix只是一个基于Webpack的前端构建工具，完全可以脱离Laravel框架单独使用。你当前的配置已经正确完成了React+TypeScript+Sass的编译工作，不需要依赖Laravel的任何命令来启动服务。

内容的提问来源于stack exchange，提问作者sabstain pru