Laravel 9 - 即使我声明了入口点,Vite 也不会捆绑我的图像

Brx*_*r8t 8 php laravel laravel-vite

我正在使用 Laravel 9.27.0

我试图直接引用位于资源/视图上的 master.blade.php 上的图像。该图像被用作我正在开发的网站的图标。根据文档,我应该能够通过将以下内容添加到我的 app.js 来使用 Vite 引用此图像

import.meta.glob([
  '../images/**'
]);
Run Code Online (Sandbox Code Playgroud)

我应该使用此代码引用刀片中的图像。

{{ Vite::asset('resources/images/favicon.png') }}
Run Code Online (Sandbox Code Playgroud)

然而我不断得到Unable to locate file in Vite manifest: resources/images/favicon.png.

我是否误解了这一点或者我做错了什么?

小智 6

你必须遵循这个:

https://laravel.com/docs/9.x/vite#working-with-blade-and-routes

resources/js/app.js中你必须添加

import.meta.glob([ '../images/**', ]);
Run Code Online (Sandbox Code Playgroud)

并且在您的config/app.php中定义了外观别名:

'Vite' => \Illuminate\Support\Facades\Vite::class,
Run Code Online (Sandbox Code Playgroud)

那么你可以使用

<img src="{{ Vite::asset('resources/images/photo.jpg') }}" >
Run Code Online (Sandbox Code Playgroud)


kal*_*iew 0

您也可以尝试运行命令:

npm run build
Run Code Online (Sandbox Code Playgroud)

这也将重新加载 Vite 配置中的所有内容。