git - "src"属性中的模式不匹配任何文件“React.js

Question

我正在尝试将一个 react 应用程序上传到我的 github 用户页面。我成功地让我的应用程序在我的 github 用户页面 url 上运行，但没有显示任何图像。

虽然我没有使用 create-react-app 来制作这个 Web 应用程序，但我已经阅读了这两个指南。

https://github.com/gitname/react-gh-pages https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#github-pages

我认为问题是因为每次我尝试运行“npm run deploy”时，我都会收到这个神秘的错误。 ““src”属性中的模式与任何文件都不匹配”。我最初认为这意味着我的应用程序中的 src 文件夹，但后来我不确定属性的错误是什么意思。接下来，我想这可能意味着我图像中的 src 属性。

我正在从 src 文件夹中的图像文件夹中导入所有图像，并使用相对路径引用它们。作为对错误的 react ，我创建了一个我的图像文件夹的副本到公共(public)文件夹(没有删除 src 文件夹中的那个)。接下来，我将只有一张图片的路径更改为其在 public/images 的文件路径。然而，这种方法并没有奏效。

我不确定这个错误是什么意思，我花了几个小时在 Google 和 Stack Overflow 上寻找答案，试图找出答案。我能够运行“npm run build”，并且所有图像都以生产版本中引用的名称复制到我的公共(public)文件夹中(例如，09202a44a03f56132571bc2a6ad949d5.jpg)。

如果有人知道错误的含义以及如何修复它，那就太好了。谢谢!

Answer 1

我得到这个错误是因为 webpack 将构建文件输出到“dist”文件夹，所以当 gh-pages 在“build”目录中查找静态文件时，它们不在那里。如果您也在使用 webpack，请尝试替换

"deploy": "gh-pages -d build" 

在 package.json 中

"deploy": "gh-pages -d dist"