Firebase経由ではなく、ローカルのReactアプリケーションビルド

Question

私はReactアプリケーションを終了し、それをFirebaseにホスティング用にデプロイしたいと考えています。そのライン上のアングルブラケットはありません

client.min.js:1 Uncaught SyntaxError: Unexpected token < 

を：それは私のWebPACKのローカルホストのセットアップを微建物だが、私が展開してFirebaseを読み込むとき、私は白い画面を取得し、。私は、エラーメッセージ、firebase HTML（[私-会社]私のコードで異なる文字列である）、およびwebpack.config.jsを含めました：

<script src="https://www.gstatic.com/firebasejs/3.2.1/firebase.js"></script> 
<script src="https://www.gstatic.com/firebasejs/3.2.1/firebase-app.js"></script> 
<script src="https://www.gstatic.com/firebasejs/3.2.1/firebase-auth.js"></script> 
<script src="https://www.gstatic.com/firebasejs/3.2.1/firebase-database.js"></script> 
<script src="https://www.gstatic.com/firebasejs/3.2.1/firebase-storage.js"></script> 
<script> 
    // Initialize Firebase 
    var config = { 
    apiKey: "AIzaSyCFRYmS3bFScffCG8Ko7QRieDWExeaa_yE", 
    authDomain: "[mycompany]-records.firebaseapp.com", 
    databaseURL: "https://[mycompany]-records.firebaseio.com", 
    storageBucket: "[mycompany]-records.appspot.com", 
    }; 
    firebase.initializeApp(config); 
</script> 

webpack.config.js：

var debug = process.env.NODE_ENV !== "production"; 
var webpack = require('webpack'); 
var path = require('path'); 

module.exports = { 
    context: path.join(__dirname, "src"), 
    devtool: debug ? "inline-sourcemap" : null, 
    entry: "./js/client.js", 
    module: { 
    loaders: [ 
     { 
     test: /\.jsx?$/, 
     exclude: /(node_modules|bower_components)/, 
     loader: 'babel-loader', 
     query: { 
      presets: ['react', 'es2015', 'stage-0'], 
      plugins: [ 
      'react-html-attrs', 
      'transform-class-properties', 
      'transform-decorators-legacy' 
      ], 
     } 
     } 
    ] 
    }, 
    output: { 
    path: __dirname + "/src/", 
    filename: "client.min.js" 
    }, 
    plugins: debug ? [] : [ 
    new webpack.optimize.DedupePlugin(), 
    new webpack.optimize.OccurenceOrderPlugin(), 
    new webpack.optimize.UglifyJsPlugin({ mangle: false, sourcemap: false }), 
    ], 
}; 

を

Answer 1

ソリューション：

Webpack設定で間違った出力ディレクトリがありました。

Firebaseが縮小されたJSソースを検索すると、見つからなかった。

JSファイルが見つからない場合は、自動的にルートHTMLファイルが読み込まれます。 これは、開いた角括弧の由来です。

Hooray！