2017-11-21 9 views
0
<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" 
     integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
<link rel="stylesheet" href="login.css" type="text/css"> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react-dom.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script> 
</head> 
<body> 
    <div id="navbar" class="navbar"> 

    </div> 
    </body> 
    <script src="/response.js" type="text/jsx"></script> 
</html> 

ReactJSを使用してコンポーネントを作成してナビゲーションバーに要素を設定しようとしています。問題は、私が書いたスクリプトがhtmlファイルにリンクしていないことです。 htmlタグに返される値は、nav、ul、およびliタグを含むリストです。 スクリプトをリンクする際の問題を解決するにはどうすればよいですか?JSXスクリプトをhtmlファイルにリンクできません。

ありがとうございました。

+0

ファイルへのパスが正しくないか、コンソールにエラーがあり、スクリプトの実行が妨げられている可能性があります。あなたはよく知っているべきです、私たちはただ推測することができます。 – Ionut

答えて

0

一部のブラウザ(Chromeなど)では、HTTP経由で配信されない限り、ファイルを読み込むことができません。つまり、ページを表示するにはサーバーが必要です。

npm install -g http-server 

そしてそうのように、プロジェクトのルートディレクトリをFRPM開始しました::

http-server 

あなたのページは現在http://127.0.0.1:8080/で表示できます良いものは、次のコマンドでNPMからインストールすることができます。http-serverです

関連する問題