Question

我完成了一个React应用程序，并希望将其部署到Firebase进行托管（存储以及第一件事情）。它可以通过我的Webpack localhost设置正常运行，但是当我使用Firebase进行部署和加载时，我得到一个白屏并且：

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

该线上没有尖括号。我已经包含了我的错误消息，firebase HTML（[my-company]在我的代码中是一个不同的字符串）和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文件，Firebase会自动加载根HTML文件。这就是开角支架的来源。

万岁！

在本地重建应用程序，而不是通过Firebase

1 个答案: