Vue 3 + webpack 5：无法加载图片

jvidinwx 于 2023-11-19 发布在 Webpack

关注(0)|答案(1)|浏览(143)

在一个使用Webpack 5的Vue 3项目中，我很难在项目中显示图像。
我的组件有一个简单的img标签：
第一个月
我的项目有一个src/assets文件夹，里面有这个logo.png
我在webpack中添加了一个使用文件加载器的规则：
{ test: /\.(png|jpe?g|gif)$/i, loader: 'file-loader', },个
当我打开浏览器时，由于某种原因，图像中的src之前有这个奇怪的chrome-extension：
x1c 0d1x的数据
`
我在文档中找不到关于这个的任何东西。我试图将加载器改为url加载器，但问题是一样的。如果我将图像移动到scss文件并用作背景，同样会发生。
有人知道吗？
使用了几台装载机

webpack

来源：https://stackoverflow.com/questions/77441089/vue-3-webpack-5-cannot-load-images

1条答案

按热度按时间

dy2hfwbg1#

{
    test: /\.(png|jpe?g|gif)$/i, 
    loader: 'file-loader',
    options: {
      name: '/images/[name].[ext]'
    }
}

字符串
所以你看到的是dist/images/[name].[ext]发出的图像
所以你的import应该是：

import img from '/images/[name].[ext]'

型

赞(0）回复(0）举报 2023-11-19

我来回答

Vue 3 + webpack 5：无法加载图片

1条答案

相关问题

热门标签

最新问答