npm run dist 后找不到 ReactJS 图像文件答案

【问题标题】：ReactJS image file not found after npm run distnpm run dist 后找不到 ReactJS 图像文件
【发布时间】：2016-06-08 00:01:40
【问题描述】：

我正在处理一个需要编译应用程序以进行部署的项目。当我在本地机器上的服务器上运行该应用程序时，它运行良好，但是在编译项目后它找不到该文件，因为它的位置错误：/assets/12912bc94b5dcb7715a465d360537279.png 当它应该是assets/12912bc94b5dcb7715a465d360537279.png 时（没有前导斜杠)。

这是我的组件中的代码：

var logoPNG = require('../images/GS G favicon.png');

然后：

<img className="img-responsive" width="45" height="45" alt="Brand" src={logoPNG} />

我正在使用来自https://github.com/newtriks/generator-react-webpack 的默认设置构建项目。我对 webpack 很陌生，所以我不确定我应该专门复制/粘贴这段代码的哪一部分，但请告诉我，我会粘贴代码的适当部分。

【问题讨论】：

尝试使用名称中没有空格的图片

标签： node.js reactjs webpack

【解决方案1】：

我找到了解决问题的方法，最终发现需要更改的是 publicPath 参数。

从这里：

module.exports = {
  srcPath: srcPath,
  publicPath: '/assets/',
  port: dfltPort,
  getDefaultModules: getDefaultModules
};

到这里：

module.exports = {
  srcPath: srcPath,
  publicPath: 'assets/',
  port: dfltPort,
  getDefaultModules: getDefaultModules
};

注意publicPath 在工作示例中缺少一个斜杠。

【讨论】：