Reactjs 导航到chrome extension中的默认主路由（React） 我正在使用react JS构建一个新的chrome扩展，并尝试使用react router组件在“/”上（默认）重定向到现有路由。 出于某种原因，当我将它编译到localhost时，我可以看到它，但当我将它作为chrome扩展上传时，我再也看不到它了。

我想的是，在chrome扩展中，可能还有另一条路线被用作主路线，而不是“/”

我试图console.log它，但由于某种原因，它没有显示日志

谢谢

  <div className="App">
      <BrowserRouter>
        <Navbar />
        <Route
          path="/"
          exact
          render={() => <Redirect to="/navigatehere" /> }
        />
        <Route
          path="/navigatehere"
          exact
          render={() => <NavigateHere />}
        />
      </BrowserRouter>
    </div>
  );
}

export default App;

}
/>
}
/>
);
}
导出默认应用程序；

首先，您需要

开关

来使用

精确

道具

你可以这样导入它

import {BrowserRouter, Switch, Route}

// Then you have to use

<BrowserRouter>
   <div>
      <Switch>
       <Route path='/' exact /*render Whatever you want after this . . .*/ />
      </Switch>
   </div>
</BrowserRouter>

---

但是，如果使用

，则

render（）

也适用于您。它在路由器的其余部分不使用

开关

的情况下工作，因为您没有为所有

指定

路径

为“/”。如果要路由到“/”，则必须切换

。您还可以参考DevEd的YouTube频道以了解更多信息。他在React路由器上制作了一段独家视频。看看这个◀ ◀ ◀.
 好的，你应该把路由器切换到散列模式进行扩展。事实上，它可以与所有其他路由器一起工作，你确定吗@我已经尝试过你的解决方案，但似乎仍然不起作用。当我在本地使用npm运行它时，它可以工作，但当它作为chrome扩展运行时，它就不能工作了。
import DummyComponent from './DummyFolder/DummyComponent;
import React from 'react'
import {BrowserRouter as Router, Switch, Route}

<BrowserRouter>
   <div>
      <Switch>
       <Route path='/' exact component={DummyComponent}/> // This will render the component in the respective path
      </Switch>
   </div>
</BrowserRouter>