javascript - browserify 抛出错误 : Unexpected character '�' (1:0) while parsing file: image. png

Question

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

Unexpected character '�' (1:0) while parsing file: /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 文件中尝试类似的操作时，我都会收到此错误:

Cannot find module 'url?limit=10000!/app/image.png' from '/Users/dmp/bidder-client/app/scripts'

我很困惑:/

Answer 1

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