Laravel 9中的NPM运行偏差

rpppsulh  于 2022-11-14  发布在  其他
关注(0)|答案(4)|浏览(152)

enter image description here当我在laravel中创建一个新项目时遇到了一个问题,我想构建身份验证...这是我的cmd命令:

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

h6my8fg2

h6my8fg21#

在laravel 9更新中,我们使用Vite而不是mix,那么你需要运行下面的命令而不是npm运行dev来构建app.js,app.css:

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

npm run build

更多信息请参见:https://techvblogs.com/blog/how-to-install-bootstrap-5-in-laravel-9-with-vite

mcdcgff0

mcdcgff02#

我认为package.json文件中的问题
您必须更改“dev”:package.json中的“vite”

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

成为“dev”:像这样“混合”

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

并再次运行npm和run dev。

wwtsj6pe

wwtsj6pe3#

现在laravel开始实现Vite而不是mixin
所以你需要恢复混音,我不建议这样做
通过装入拉瑞韦尔混合器

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"
},

或者第二个选项更新您的laravel ui视图文件,使其与vite兼容,我认为这是一个时间问题,直到laravel ui包进行更新,以实现这一点默认情况下,您可以按照本教程从步骤5开始(如果您已经有一个项目)或从第一步开始创建新项目,看看您如何可以修复此问题
https://techvblogs.com/blog/how-to-install-bootstrap-5-in-laravel-9-with-vite
你只需要在4个文件中编辑,我认为可以解决这个问题

ee7vknir

ee7vknir4#

在Laravel 9中,此命令也有效。

vite build --watch

https://vitejs.dev/guide/build.html#rebuild-on-files-changes

相关问题