Estoy trabajando en un proyecto de complemento de Office de Excel que utiliza el marco de trabajo reaccionar como js, mi complemento está en una pestaña personalizada hecha en esta pestaña personalizada, hay 2 paneles de tareas. Mi objetivo a través del uso del paquete dom del enrutador de reacción es tener un solo taskpane.html pero que al hacer clic en un panel de tareas muestre un tipo de contenido o al hacer clic en el otro panel de tareas muestre un contenido diferente pero siempre en el mismo html página. Primero definí un archivo js Routes donde voy a implementar el componente de enrutador de reacción para hacer el enrutamiento del sitio

 import React from 'react' import { BrowserRouter, Route, Router } from 'react-router-dom' import { render } from 'react-dom' import Tree from './Features'; const Home = () => ( <div> <h2>Home</h2> </div> ); const Category = () => ( <div> <h2>Category</h2> </div> ); const Products = () => ( <div> <h2>Products</h2> </div> ); export default function Routing() { return ( <Router> <Route path="/"><Home /></Route> <Route path="/category"><Category /></Route> <Route path="/products"><Products /></Route> </Router> ); }

Más tarde edité el archivo webpack.config.js para poder enrutar la página y agregué:

 devServer: { ... historyApiFallback: true, ... }

Finalmente, en el archivo App.js, la clase App representa y devuelve la reacción de enrutamiento del navegador.

 import Routing from "./Routes"; render() { return ( <BrowserRouter> <Routing /> </BrowserRouter> ); }

Probé varios enfoques para hacer este enrutamiento, pero aún no he encontrado una solución. Cuando voy a ejecutar este complemento con enrutamiento e intento hacer clic y luego ejecutar uno de los dos paneles de tareas, la ventana a la derecha de Excel permanece en blanco / vacía. Y si trato de hacer una inspección del sitio, el error que encuentro es este:

TypeError no detectado: m.replaceState no es una función