试图建立生产放置时的错误

Question

它给我带来了这个错误：目标环境不支持DynamiC Import（）语法，因此在尝试在React for Product中构建应用程序时，无法在脚本中使用外部类型'模块' 。我使用两个文件：app.js和firebase.js。这些是app.js的导入和firebase.js file（其中包含firebase访问配置）：

app.js：

import React from 'react';
import {auth, db} from './firebase'

import {
  getFirestore,
  collection,
  getDocs,
  onSnapshot,
  addDoc,
  deleteDoc,
  doc,
  getDoc,
  updateDoc
}from 'https://www.gstatic.com/firebasejs/9.8.1/firebase-firestore.js';

import { getAuth, createUserWithEmailAndPassword, onAuthStateChanged,signInWithEmailAndPassword,signOut} from 'https://www.gstatic.com/firebasejs/9.8.1/firebase-auth.js';

firebase.js：

import { initializeApp } from "https://www.gstatic.com/firebasejs/9.8.1/firebase-app.js";

        import {
          getFirestore,
          collection,
          getDocs,
          onSnapshot,
          addDoc,
          deleteDoc,
          doc,
          getDoc,
          updateDoc,
        } from "https://www.gstatic.com/firebasejs/9.8.1/firebase-firestore.js";

import { getAuth, createUserWithEmailAndPassword, onAuthStateChanged,signInWithEmailAndPassword,signOut} from 'https://www.gstatic.com/firebasejs/9.8.1/firebase-auth.js';     

const firebaseConfig = {
//my data

};
// Initialize Firebase
const app = initializeApp(firebaseConfig);
const db = getFirestore(app);
const auth = getAuth(app);
export {auth,db}