を使用して構築したReactアプリがあります。これはreact-router
です。 npm start
を使用してテスト開発ビューを開くと、すべて正常に動作します。しかし、私がアプリを構築するときには、homepage
のフィールドをpackage.json
に設定しても、私が得られるのはreact-empty: 1
コメントの#root divです。npm開始時にcreate-react-appアプリケーションがレンダリングされますが、npmビルドではreact-empty:1が表示されます
私index.js
コンポーネントがそうのようになります。
ReactDOM.render(
(<Router history={browserHistory}>
<Route path="/" component={App}>
<IndexRoute component={Home} />
<Route path="/news" component={News} />
<Route path="/current" component={Current} />
<Route path="/previous" component={Previous} />
<Route path="/about" component={About} />
<Route path="/enter" component={Enter} />
<Route path="/login" component={Login} />
<Route path="/profile" component={Profile} />
</Route>
</Router>),
document.querySelector('#root')
);
あなたは何が起こっているのかを把握するために、任意のより多くのコードを参照する必要がある場合は私に知らせてください。繰り返すだけで、何も表示されるエラーはありません。npm test
またはアプリのビルドコピーにあります。
にホームページとして与えてくれたものを取るのでしょうか?なぜあなたはそのようなフィールドを追加しましたか? – kbariotis
@kbariotisそれは、 'create-react-app'が相対パスに格納されたアセットに関してどのように動作するのかということです。あなたは私が話している技術に慣れていますか? – furkle
ドキュメントごとに@kbariotis:デフォルトでは、Create React Appは、あなたのアプリがサーバールートでホストされていると仮定してビルドを作成します。これを無効にするには 、例えば、あなたのpackage.jsonでホームページを指定します。 '「ホームページ」:「http://mywebsite.com/relativepath」' このアプリは正しくへのルートパスを推測反応作成できるようになります生成されたHTMLファイルで使用します。 – furkle