Actualmente estoy creando un add-in Office 365 en Outlook y, al cargar por primera vez, el complemento muestra un contenido html vacío antes de que todo el complemento se procese correctamente después de un par de segundos.
<html> <head></head> <body></body> </html> Primero pensé que era de la función office.then que se muestra a continuación e intenté agregar un control giratorio antes de que se llamara .then , pero el cargador no apareció y no pude encontrar la razón detrás de esto.
Tenga en cuenta que el complemento se desarrolla con reaccionar y la siguiente es la página index.js También tenga en cuenta que la página en blanco solo se muestra en outlook for windows instalado en una máquina con Windows 10
import "office-ui-fabric-react/dist/css/fabric.min.css"; import App from "./components/App"; import { AppContainer } from "react-hot-loader"; import { initializeIcons } from "@fluentui/react/lib/Icons"; import * as React from "react"; import * as ReactDOM from "react-dom"; import { Provider } from "react-redux"; import store from "../../store/store"; import 'react-app-polyfill/ie11'; import Spinner from '@atlaskit/spinner'; /* global AppCpntainer, Component, document, Office, module, React, require */ initializeIcons(); let isOfficeInitialized = false; const title = "test"; const render = Component => { ReactDOM.render( <Provider store={store}> <AppContainer> <Component title={title} isOfficeInitialized={isOfficeInitialized} /> </AppContainer> </Provider>, document.getElementById("container") ); }; Office.onReady().then(function () { isOfficeInitialized = true; render(App); }); render(App); if (module.hot) { module.hot.accept("./components/App", () => { const NextApp = require("./components/App").default; render(NextApp); }); }