web-dev-qa-db-ja.com

package.jsonで「localhost」を使用して、localhostのパスを台無しにしない

この質問は、実際には前の質問の answer から直接続きます。

"homepage"package.jsonに追加したのは、Github PagesでホストしたReactアプリです。npm run buildの出力は/buildディレクトリをデプロイできるようになり、プロジェクトが/project_name/でホストされていると想定しています。

ただし、localhostでは、プロジェクトはnot/project_name/でホストされているため、jsおよびcssに対して要求されているパスが台無しになります(探しています) /project_name/static/...)の代わりに/static/...)とアプリが壊れています。

Package.jsonにhomepageフィールドを設定して、Github Pages(たとえば)にデプロイして、作業中のアプリでローカルに開発する方法を教えてください。

19
tscizzle

Docs for create-react-appは、異なる相対パスから同じビルドを提供する方法を説明します。

あなたがホームページを

"homepage": ".",

アセットはindex.htmlに関連して配信されます

開発目的では、yarn startまたはnpm startを使用して提供するだけで十分です。アプリはローカルホストで利用可能になります

16
sudo bangbang