浏览器抛出错误:解析文件时出现意外字符 ' ' (1:0）:图像.png

browserify throwing error: Unexpected character '�' (1:0) while parsing file: image.png

本文关键字：png 图像 字符 错误 出错 文件 浏览器 意外      更新时间：2023-09-26

这听起来绝对荒谬，但我一生都无法在由 webpack 搭建的棱角项目中显示内联图像。每次我使用图像的有效路径（在 <img> 标签或我的require('/app/image.png')中）时，我都会收到错误：

解析文件时出现意外字符 ' ' （1：0）：/app/image.png

我尝试使用几乎所有图像加载器，

文件加载器，静态加载程序等，我已经尝试了不同的图像和这些图像的不同位置。我哪里出错了？

这是我目前来自webpack.config.js的图像加载器：

{
  test: /'.png$/, 
  loader: "url-loader?limit=8192"
}

我看到所有这些关于在require语句中包含加载器的引用，例如：

require("url?limit=10000!/app/image.png");

每当我在/app/scripts/main.js 文件中尝试类似操作时，都会收到此错误：

无法从"/Users/dmp/bidder-client/app/scripts"中找到模块"url？limit=10000！/app/image.png"

我很困惑：/

如果将

新的图像或资源文件添加到项目中，则应重新安装应用程序，而不仅仅是刷新js。所以，你应该：反应原生运行安卓

相关文章：