在部署到Heroku的create-react-app上访问Storybook

Question

我正在尝试构建一个组件库，以便在heroku上使用故事书与组件进行反应。我使用create-react-app创建了React应用，然后删除了样板并实现了一个简单的组件。然后我添加了故事书并写了3个故事。我可以在本地运行它而不会出现问题，例如在http://localhost:9009/?path=/story/button--default上。

我的scripts的{​​{1}}部分：

package.json

我使用了https://github.com/aperkaz/storybook-on-heroku中的Procfile，内容如下：

  "scripts": {
    "build-css": "node-sass-chokidar src/ -o src/",
    "watch-css": "npm run build-css && node-sass-chokidar src/ -o src/ --watch --recursive",
    "start": "npm-run-all -p watch-css start-react",
    "build": "npm-run-all -s build-css build-react",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "storybook": "start-storybook -p 9009 -s public",
    "build-storybook": "build-storybook -s public",
    "start-react": "react-scripts start",
    "build-react": "react-scripts build"
  },

（我也尝试过web: npm run start storybook: npm run storybook 进行故事书测功）

现在，我在heroku应用程序中看到2个dynos：

但是当我访问npm run build-storybook时，它会显示一个空白页面（这是正确的，因为我删除了react app部分）。我只想显示故事书的一部分，但不知道如何访问该部分。

如何在heroku上已部署的react应用程序上访问故事书？ 或者理想情况下，如何在应用程序的根目录上显示故事书部分？