Firefox

Question

我有一个使用OverlayLoader库的React项目。尽管代码在Chrome上运行得很好，但它得到了＃34; TypeError：无法将null转换为对象＆＃34;在Firefox中。在花了一些时间追踪错误之后，我发现它来自我导入OverlayLoader库的导入行

import OverlayLoader from 'react-overlay-loading/lib/OverlayLoader';

还有＆＃34;源地图错误：请求失败，状态为404＆＃34;。但这并不重要。为什么这个错误只发生在Firefox中？

编辑：这是webpack.config.js的内容

var dotenv = require('dotenv').config({path: __dirname + 'path'});
var webpack = require('webpack');

module.exports = {
  entry: ["./js/app.jsx", "./css/custom.scss", "./css/main.scss"],
  output: {
    path: "public/js",
    publicPath: "/js",
    filename: "bundle.js"
  },
  module: {
    loaders: [
      {
         test: /\.jsx?|\.js$/,
         exclude: /(node_modules|bower_components|neal-react)/,
         loader: "babel-loader",
      },
      {
        test: /\.scss$/,
        loader: "style!css!sass"
      }
    ]
  },
  resolve: {
     alias: {
        querystring: 'querystring-browser'
     }
  },
  plugins: [
     new webpack.DefinePlugin({
            "process.env": dotenv.parsed
     })
  ]
};

Answer 1

您可以检查两件事：

1. 你的webpack配置中有libraryTarget吗？如果你，你能尝试删除吗？
2. 您是否在webpack配置中使用externals？如果是这样，该包将不是捆绑包，浏览器可能无法访问它。

希望它有所帮助。

编辑：

好像这是一个源图问题。我认为它可能在你的配置中，但事实并非如此。通常是源映射错误是因为浏览器找不到源映射我认为这是一个可以用repo报告的问题。这不是你的配置。