小编Iwa*_*rse的帖子

-- 更新：当我停止开发服务器，退出 VSCode 并再次重新启动它时，它开始工作。不确定是什么原因造成的。

忙于学习 React 并遇到了这个错误。我已经尝试了其他几个 SO 帖子，但似乎无法解决我的问题。

我遵循指南只使用 react-router-dom 并从 react-router-dom 导入 BrowserRouter 和 Route。但我收到一个错误：

./src/App.js
Attempted import error: 'Route' is not exported from 'react-router-dom'.

不确定我在这里做错了什么？

这是我的 App.js

import React, { Component } from 'react';
import Navbar from './components/Navbar'
import { BrowserRouter, Route } from 'react-router-dom'
import Home from './components/Home'

class App extends Component {
  render() {
    return (
      <BrowserRouter>
      <div className="App">
        <Navbar />
        <Route path='/' component={Home} />
      </div>
      </BrowserRouter>
    );
  }
}

export default App;

这是我的 package.json： …

我计划将 Algolia 搜索添加到我正在开发的 React 应用程序中。数据存储在 Cloud Firestore 中。我已经使用 Algolia 的扩展设置了 Algolia 和 Firestore 之间的同步，并且我已经测试了即时搜索，效果非常好。

然而，我突然想到，当从 Algolia 搜索返回数据时，我在 Firestore 中为不同用户角色精心设置的安全规则将被完全忽略。

建议我按照这些说明对数据实施用户限制。但现在，我需要重复所有按照我希望的方式设置 Firestore 安全规则的工作，而且似乎付出了巨大的努力。这也意味着每当我更改安全规则时，我都必须更改 Algolia 限制。只是为了搜索。

有没有人找到一种更简单的方法来实现类似搜索的查询 Firestore，同时维护其安全规则？