首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Laravel 9- Vite并没有捆绑我的图像,即使我声明了入口点。

Laravel 9- Vite并没有捆绑我的图像,即使我声明了入口点。
EN

Stack Overflow用户
提问于 2022-09-02 12:08:47
回答 3查看 1K关注 0票数 3

我用的是Laravel 9.27.0

我试图直接引用位于资源/视图上的master.blade.php上的图像。这张图片被用作我正在处理的网站的首选图标。根据文档,我应该能够通过在我的app.js中添加以下内容来引用这个Vite映像

代码语言:javascript
复制
import.meta.glob([
  '../images/**'
]);

我应该用这段代码引用刀片中的图像。

代码语言:javascript
复制
{{ Vite::asset('resources/images/favicon.png') }}

不管怎么说,我还是得到了Unable to locate file in Vite manifest: resources/images/favicon.png.

我是误会了还是做错了什么?

EN

回答 3

Stack Overflow用户

发布于 2022-09-12 09:12:17

你必须遵循这个原则:

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

resources/js/app.js中,您必须添加

代码语言:javascript
复制
import.meta.glob([ '../images/**', ]);

在您的config/app.php中还定义了facade别名:

代码语言:javascript
复制
'Vite' => \Illuminate\Support\Facades\Vite::class,

然后你可以用

代码语言:javascript
复制
<img src="{{ Vite::asset('resources/images/photo.jpg') }}" >
票数 1
EN

Stack Overflow用户

发布于 2022-09-02 13:11:04

您也可以尝试运行命令:

代码语言:javascript
复制
npm run build

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

票数 0
EN

Stack Overflow用户

发布于 2022-09-20 08:47:04

答案在这里:https://stackoverflow.com/questions/73502963/larave-vite-vite-manifest-missing-odd-files

需要将其添加到vite.config.js

代码语言:javascript
复制
build: {
    assetsInlineLimit: 0
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/73582355

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档