Laravel安装laravel/ui后执行npm run dev无UI效果问题求助
laravel/ui安装后UI不生效问题修复
你安装laravel/ui时命令行返回的No publishable resources for tag [laravel-assets]是正常输出,不属于报错,不会影响功能使用。UI功能不生效是因为你只完成了Composer包的安装步骤,没有走完脚手架生成、依赖安装、资源编译、模板引入的全流程,按以下步骤操作即可:
- 先清理冲突的预设配置,不要同时安装bootstrap和react两套UI,二者会产生资源冲突,根据需求选一套执行生成命令即可:
安装Bootstrap预设执行:php artisan ui bootstrap
安装React预设执行:php artisan ui react
如果需要自动生成登录、注册等鉴权页面,在上述命令末尾追加--auth参数,例如php artisan ui bootstrap --auth - 执行
npm install安装所有前端依赖包,等依赖全部安装完成再进行下一步 - 编译前端资源:
本地开发调试可以执行npm run dev,注意这个命令会启动Vite热更新服务,运行命令的终端窗口不能关闭,否则资源无法正常加载;如果需要生成可直接访问的静态资源,执行npm run build即可,编译完成的资源会自动输出到public目录,不需要常驻终端进程 - 检查模板的资源引入配置:打开你使用的Blade布局模板,在
<head>标签内加入@vite(['resources/css/app.css', 'resources/js/app.js']),这是Laravel加载Vite编译资源的必须配置,缺少这行时页面不会加载编译后的样式和JS代码,表现就是UI样式完全不生效。
操作完成后按Ctrl+F5强制刷新浏览器清缓存即可看到效果,不要使用浏览器普通刷新,避免旧缓存影响结果。
内容的提问来源于stack exchange,提问作者Kevin Tremerel
相关产品推荐
相关产品推荐

