Question

我还是很陌生，我有一个要尝试部署到Web上的应用程序。我注意到当我使用“ npm run build”时，它不会在我的chunk.js脚本中填充“。”。在位置之前。这是一个简单的解决方法，我只需添加“。”手动并继续我的生活。但是现在它对图像做同样的事情，并且这些图像是动态渲染的，因此一旦运行构建，这并不是一件容易的手动修复。我下面有代码。

例如：<script src="/static/js/2.4724d625.chunk.js"></script>而不是<script src="./static/js/2.4724d625.chunk.js"></script>

我尝试像这样手动输入时间段：

const Certificate = ({
  firstName,
  lastName,
  completionDate,
  userToken,
  division
}) => (
  <div id="box" className="container-fluid text-center">
    <div id="nice-border">
      <div className="row">
        <div className="col-12">
          <div id="sov-logo">

            // this is where i manually put a . before the logo directory

            <img src={`.${Logo}`} alt="Logo" />
          </div>
        </div>
      </div>

但是那根本没有帮助。似乎该构建只是忽略了这一点。那么，一旦将这些映像部署到服务器上后，如何使它们正常工作？

这是当我在浏览器中检查图像时的外观：<img src="/static/media/capitolREDback.dad6f9b2.jpg" alt="Logo">，并且当我像这样添加一个点时：<img src="./static/media/capitolREDback.dad6f9b2.jpg" alt="Logo">，它就可以很好地加载图像。我该如何解决？

Answer 1

在您的package.json中，将"homepage"设置为"."

那么您就可以正确地构建和部署。

使用“ npm run build”后无法加载图片

1 个答案: