Question

我已经使用webpack设置了一个React项目。我想将该项目上传到我在Github上的用户站点上。我创建了具有两个分支的用户站点存储库-master和gh-pages。项目结构如下：

 dist
    index.html
    bundle.js
 index.html

Package.json文件具有以下用于构建和部署的命令。

 "start": "webpack-dev-server --open --mode development --content-base ./dist",
 "test": "npm run lint && npm run security-check && npm run bundle",
 "predeploy": "npm run build",
 "deploy": "gh-pages -d dist"

在开发模式下，项目运行正常。HtmlWebPackPlugin正在将bundle js脚本标记插入dist/index.html中。为了部署到gh-pages，当我运行deploy命令时，代码会在分支gh-pages中正确更新。我可以在其中看到最新的dist文件夹文件。

但是用户站点给我404: not found error的{{1}}。

Answer 1

因此，在对gh页进行了一些研究之后，我找到了解决方案。对于用户页面，Github仅允许从private class HomePageAdapter(private val layoutInflater: LayoutInflater, fragmentManager: FragmentManager) : NoMiddleFragmentPagerAdapter(fragmentManager) { override fun getLeftItem(): Fragment = LeftFragment() override fun getRightItem(): Fragment = RightFragment() override fun instantiateCentralArea(container: ViewGroup, position: Int): Any { val view = layoutInflater.inflate(R.layout.main_content_area, container, false) container.addView(view) return view } }分支发布。因此master和index.html应该存在于master分支中，它们将被用作静态资源。

这有点令人困惑在其他应用中，您可以选择从master或gh-pages分支或/ docs目录中进行构建。

因此，我创建了一个bundle.js分支，我的原始代码仍在其中。然后，我修改了deploy命令，将代码从development分支上传到development。

master

gh页无法从index.html加载bundle.js

1 个答案: