Reactjs Firefox中的导入行获取错误

Reactjs Firefox中的导入行获取错误,reactjs,firefox,Reactjs,Firefox,我有一个使用OverlayLoader库的React项目。虽然代码在Chrome上运行得很好,但它得到了TypeError:无法在firefox中将null转换为object。在花了一些时间跟踪错误后,我发现它来自导入行,我在其中导入OverlayLoader库 import OverlayLoader from 'react-overlay-loading/lib/OverlayLoader'; 还有一个源映射错误:请求失败,状态为404。但这并不重要。为什么这个错误只发生在Firefox中

我有一个使用OverlayLoader库的React项目。虽然代码在Chrome上运行得很好,但它得到了TypeError:无法在firefox中将null转换为object。在花了一些时间跟踪错误后,我发现它来自导入行,我在其中导入OverlayLoader库

import OverlayLoader from 'react-overlay-loading/lib/OverlayLoader';
还有一个源映射错误:请求失败,状态为404。但这并不重要。为什么这个错误只发生在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
     })
  ]
};

您可以检查两件事:

您的网页配置中是否有libraryTarget?如果你愿意,你能试着把它去掉吗? 您是否在网页包配置中使用外部程序?如果是这样,包将不会被捆绑,浏览器可能无法访问它。 希望能有帮助

编辑:


似乎这是源地图的问题。我以为它可能在您的配置中,但它不是。通常源映射错误是因为浏览器找不到源映射。我认为这是一个您可以通过repo报告的问题。这不是您的配置。

这是浏览器中的原始js?或者它是通过一个传输巴别塔/网页包等?它通过网页包。谢谢你的答复。但是,我的配置文件中没有这些内容。我发布了网页文件的内容。你可以看看。