NPM在Laravel 9中运行DEV

Question

在此处输入图像描述当我在Laravel创建一个新项目时，我有问题构建验证...这是我的cmd命令：

laravel new laravel2030
cd laravel2030
composer require laravel/ui 
php artisan ui bootstrap --auth
npm install 
npm run dev 

Answer 1

在Laravel 9更新中，我们使用Vite而不是混合
然后，您需要下面的运行命令，而不是npm运行dev才能构建app.js，app.css：

运行vite命令以构建资产文件

npm run build

在以下内容中查看有关此信息的更多信息： https://techvblogs.com/blog/blog/blog/how-to-to-install- Bootstrap-5-in-laravel-9-with-with-vite

Answer 2

在Laravel 9中，该命令也有效。

vite build --watch

https://vitejs.s.s.s.s.s.s.dev/guide/guide/guide/build.html#rebuild-rebuild-rebuild-rebuild-rebuild-rebuild-rebuild-rebuild-rebuild-rebuild-rebuild-redbuild-餐厅变更

Answer 3

现在，Laravel开始实现Vite而不是Mixin

，因此您需要还原回混合，我不建议您

通过插入Laravel Mix

npm i laravel-mix

package.json中的脚本部分。

"scripts": {
    "dev": "npm run development",
    "development": "mix",
    "watch": "mix watch",
    "watch-poll": "mix watch -- --watch-options-poll=1000",
    "hot": "mix watch --hot",
    "prod": "npm run production",
    "production": "mix --production"
},

，然后更新 与vite兼容，我认为这是时间问题，直到Laravel UI软件包进行更新以默认实现此目标
您可以从步骤5开始（如果您已经有了一个项目）开始此教程，或者从第一步开始创建新项目，并查看如何修复此

https://techvblogs.com/blog/how-to-to-now-to-now-to-install-bootstall-bootstall-bootstall-bootstall-5-in-laravel-9 -with-vite

您只需要在4个文件中进行编辑即可解决此问题

Answer 4

在package.json文件中进行问题

认为您必须

    "scripts": {
    "dev": "vite",
    "build": "mix build"
    }

我

    "scripts": {
    "dev": "mix",
    "build": "mix build"
    }

。