Reactjs 由于分析错误，无法在React项目中设置Firebase？

我正在尝试为我创建的一个简单的俄罗斯方块游戏设置Firebase。现在，我被困住了。我创建了一个名为fire.js的文件，我的所有脚本都将放在这个文件中。我是在VisualStudio代码上这样做的，我在那个文件夹里有什么，VSC不接受它。有人能帮我吗？这是我第一次与React和Firebase合作。谢谢大家!

我收到脚本标记的以下消息：

分析错误：相邻的JSX元素必须包装在封闭的 标签。你想要一个JSX片段吗

同时，我的apiKey收到了以下消息：

需要任何“}”。ts（1005）

---

JS文件中通常没有

元素

正如在评论中提到的，最好是从教程开始，对React有一个基本的了解

无论如何，我会尽力弥补你提到的错误

分析错误：相邻的JSX元素必须包装在封闭标记中。你想要一个JSX片段吗？'

JSX本质上是一种在JS中以类似HTML的语法编写元素和组件的方法。（更多信息请点击此处：）

JSX必须有一个根元素。在屏幕截图中，您有三个

节点，它们都处于同一级别。 您通常会通过将所有元素嵌套在另一个元素中（例如

或

）来解决此问题。在这种情况下，这将不起作用，因为前两个

标记无论如何都不应该在此文件中。

需要任何“}”。ts（1005）

这是因为您在JS文件中使用了

标记

移动刚刚将外部脚本导入HTML文件的标记

从初始化代码中删除

标记，使JS文件如下所示

import firebase from 'firebase';

const firebaseConfig = {
    // Your config here
}

// Your function calls here

标记应该用在html文件中，而不是JS。。。由于这是您第一次使用React和Firebase，我建议您从一个指南（不一定是俄罗斯方块游戏）开始，但要简单到掌握新技术的窍门。当你感到舒服并且知道你的方法时，你可以尝试你的俄罗斯方块游戏。。。您可以在React+Redux+Firebase中尝试本教程