0
これは私のHTMLコードです。 Ubuntuを使ってフルパスをコピーしてブラウザで実行しています。これは、Reactがそれに取り組んでいないことと関係していますか？ここで私の反応はレンダリングされません。空白しか表示されません
<div id='root'></div>
<script crossorigin src="https://unpkg.com/[email protected]/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/[email protected]/umd/react-dom.development.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
<script src="app.js" type="text/babel"></script>
私はものをレンダリング私のJSの一部です。うまく動作するはずです。プログラム自体に機能を持たせた機能を除外しました。
render: function() {
return (
<div className="todoListMain">
<div className="header">
<form onSubmit = {this.addItem}>
<input ref={(a) => this._inputElement = a}
placeholder="enter task">
</input>
<button type="submit">add</button>
</form>
</div>
<TodoItems entries={this.state.items}/>
</div>
);
}
});
ReactDOM.render(
<TodoList/>,
document.getElementById('root')
);
これはすべて以前のようにうまくいきましたが、その時私はWindowsでwamp localhostを使用しました。
どのコンソールエラー？ – jmargolisvt
良い点。実際にはい、私は完全に理解できません：browser.min.js：4ファイルのロードに失敗しました：///home/riku/Nettisivut/React1/app.js：クロスオリジン要求はプロトコルスキームでのみサポートされています： http、データ、クロム、chrome-extension、https – Riku
これは、非http/https要求に対してCORSを許可しないchromeによって追加された最近のセキュリティ機能と関係があると思います。 httpサーバまたはwampを使用してローカルサーバ上で実行すると、それを修正する必要があります。同様のシナリオ：https://stackoverflow.com/questions/10752055/cross-origin-requests-arely-support-for-http-error-when-loading-a-local – Vorcan