javascript - firebase_app__WEBPACK_IMPORTED_MODULE_0__ 未定义

Question

根据标题，我的错误是 firebase_app__WEBPACK_IMPORTED_MODULE_0__ 未定义

我使用import在 LoadModel.js 中声明 firebase

import firebase from "firebase/app";
import "firebase/analytics";
import "firebase/firestore";

在被使用 babel-loader 的 webpack 捆绑后，模块显示为未定义

npm i firebase已与我需要的所有其他节点模块一起执行

webpack.config.js

const path = require('path');
const CircularDependencyPlugin = require('circular-dependency-plugin');

module.exports = {
  optimization: {
    sideEffects: true,
  },
  entry: './src/scripts/app.js',
  output: {
      path: __dirname + "/dist",
      filename: 'app.bundle.js',
      sourceMapFilename: "[name].js.map"
  },
  mode: 'none',
  devtool: "source-map",
  module: {
    rules: [
      {
        test: /\.m?js$/,
        exclude: /node_modules/,
        use: {
          loader: "babel-loader",
          options: {
            presets: ['@babel/preset-env']
          }
        }
      }
    ]
  },
  plugins: [
    new CircularDependencyPlugin({
      // exclude detection of files based on a RegExp
      exclude: /a\.js|node_modules/,
      // include specific files based on a RegExp
      include: /src/,
      // add errors to webpack instead of warnings
      failOnError: true,
      // allow import cycles that include an asyncronous import,
      // e.g. via import(/* webpackMode: "weak" */ './file.js')
      allowAsyncCycles: false,
      // set the current working directory for displaying module paths
      cwd: process.cwd(),
    })
  ]
};

标签： javascriptjqueryfirebasewebpackbabel-loader