browserify throw error：解析file：image.png时出现意外字符' '（1：0）

Question

这听起来非常荒谬，但是对于我的生活，我不能在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'

我很困惑：/

Answer 1

如果将新图像或资源文件添加到项目中，则应重新安装应用程序而不是仅刷新js。 所以，你应该：react-native run-android