Javascript “如何修复”；ReferenceError:未定义require"；在vuejs中

我正在处理vuejs+firebase项目，并尝试导入firestore，但当我访问我的页面时，这会显示在控制台中：ReferenceError:未定义require

我试图将导入部分放在mounted（）中，但它说我需要将导入内容放在顶部，这就是我所做的

这在我的html（register.html）正文下面：

()

它应该正常工作，因为它是从firebase的文档复制的。

---

我知道我可能做错了：）谢谢你的帮助。

只有在使用npm和编译JS代码时才使用Require符号。我认为您打算只使用CDN脚本标记，以便删除require行

Require符号仅在使用npm和编译JS代码时使用。我认为您打算只使用CDN脚本标记，以便删除require行

在npm上安装firebase admin和firebase，然后尝试使用此选项“require（'firebase-admin'）”而不是require（“firebase/firestore”），请注意，在客户端运行后端服务是不可能的

在npm上安装firebase admin和firebase，然后尝试此选项“require（'firebase-admin'）”而不是require（“firebase/firestore”），请注意，在客户端运行后端服务是不可能的

如果您使用的是Javascript而不是NodeJS，您只需将lib与

---

因此，您可以删除

require

行：）

如果您使用的是Javascript而不是NodeJS，那么您只需将lib与

---

因此，您可以删除您的

require

行：）

就像我修复它的方式一样，我刚刚删除了这两行

        const firebase = require("firebase");
        require("firebase/firestore");

如果您使用的是javascript，而不是NodeJS，则不需要

您只需要这些CDN

---

按照我的修复方式，我只是删除了这两条线

        const firebase = require("firebase");
        require("firebase/firestore");

如果您使用的是javascript，而不是NodeJS，则不需要

您只需要这些CDN

---

您不能使用

require（“firebase/firestore”）从浏览器中，您需要使用bundler（我不确定ESM-JS模块）。如果您将使用类似bundler的webpack，它将用库的源代码替换您的需求。如果您在脚本标记中有它，您可以删除它，您不需要它。您不能使用
require（“firebase/firestore”）从浏览器中，您需要使用bundler（我不确定ESM-JS模块）。如果您将使用类似bundler的webpack，它将用库的源代码替换您的需求。如果你在脚本标签中有它，你可以删除它，你不需要它。但是，我认为这是FireBase的目标，顺便说一句，我不想使用NodeBut，我认为这是FireBase的目标，顺便说一句，我不想使用Node
        if(this.numberOfInit = 0)
            firebase.initializeApp({
                apiKey: 'AIzaSyCNYH-sKZZXZhZt5LxQSDqwet7OTo5KgHM',
                authDomain: 'thelogoagency.tk',
                projectId: '1:101296201242:web:00d0e7e3554b518d'
            });

            this.db = firebase.firestore();
            this.numberOfInit ++
            this.db.collection("users").add({
                first: "Ada",
                last: "Lovelace",
                born: 1815
            })
            .then(function(docRef) {
                console.log("Document written with ID: ", docRef.id);
            })
            .catch(function(error) {
                console.error("Error adding document: ", error);
            });

    }

        const firebase = require("firebase");
        require("firebase/firestore");

    <script src="https://www.gstatic.com/firebasejs/8.0.1/firebase-app.js"></script>
    <script src="https://www.gstatic.com/firebasejs/8.0.1/firebase-auth.js"></script>
    <script src="https://www.gstatic.com/firebasejs/8.0.1/firebase-firestore.js"></script>

    firebase.initializeApp(firebaseConfig);
    var db = firebase.firestore();