2016-08-07 14 views
0

私は私のリアクトコードに次の書いていますが定義されていないが必要です。 キャッチされていないにReferenceError:React.js

var React = require('react'); 

私は tutorialspointからセットアップを反応させるのに続きます。/Desktop/reactApp /にすべてのものをインストールしました。 反応コードは /GitProjects/DjangoProjects/MyProj/MyApp/static/react/dashboard.jsから実行されています。私はエラー Uncaught ReferenceErrorを得続けます。助けてください。何か不足していますか?

注:/GitProjects/DjangoProjects/MyProj/MyApp/templates/dashboard.htmlのHTMLファイルは、私のdashboard.jsコードを呼び出しています。

答えて

1

ファイルdashboard.jsをHTMLに挿入しようとしているようです。

このファイルはrequire('react');のようなコードが含まれている場合、それはあなたが最初に実際にreactを見つけ、独自のコードと一緒に同梱されますビルドツールを使用して、それをコンパイルする必要があることを意味します。

リンクするチュートリアルの場合、使用されるビルドツールはwebpackです。あなたのHTMLには、dashboard.jsではなく、webpack(index.js、またはwebpack configのoutputセクションにあるもの)で生成されたファイルを含める必要があります。それでも同じエラーを取得し

webpack.config.js

var config = { 
    entry: './main.js', # the main code of your app that require()s other files 

    output: { 
     path:'./', 
     filename: 'index.js', # the file you should be including in HTML 
    }, 
+0

。 Webpackをインストールしました。 webpack設定の**エントリ**を./MyApp/static/MyApp/react/dashboard.jsに設定し、**出力**を./MyApp/static/MyApp/bundlesに設定します。コマンドwebpackを実行します。フォルダバンドルを作成しました。私のHTMLには、があります。ブラウザを開いて、同じエラーが表示されるのを確認する必要はありません。 –

+1

なぜ '

関連する問題