Question

这听起来非常荒谬，但是对于我的生活，我不能在webpack搭建的角度项目中显示内嵌图像。每当我使用图片的有效路径时（在<img>标记或require('/app/image.png')中，我都会收到错误：

意外的角色＆＃39;�＆＃39; （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文件中尝试任何类似的东西，我都会收到此错误：

找不到模块＆＃39; url？limit = 10000！/app/image.png'来自＆＃39; / Users / dmp / bidder-client / app / scripts＆＃39;

我非常困惑：/

Answer 1

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