仅Outlook桌面上的web外接程序加载问题

Question

我遇到一个问题，我的外接程序在Outlook Online中运行良好，但在Outlook Desktop中无法运行。从清单成功激活外接程序，但加载后失败。这是一个React+TypeScript项目（在Webstorm中使用NodeJS+webpack进行测试）。

null

//myapp.tsx
import TestComponent from './components/TestComponent';
import * as $ from 'jquery';
import * as React from 'react';
import * as ReactDOM from 'react-dom';
import { AppContainer } from 'react-hot-loader';

const render = (Component) => {

    ReactDOM.render(
        
            
        ,
        document.getElementById('container')
    );
};

Office.initialize = function () {

    $(document).ready(function () {

        console.log('====myapp.tsx.Office.initialize(): entered');

        render(TestComponent);
    });
};

if ((module as any).hot) {

    console.log('====index.tsx.module() foo');

    (module as any).hot.accept('./components/App', () => {
        const NextApp = require('./components/App').default;
        render(NextApp);
    });
}

//TestComponent.tsx

import * as React from 'react';
import { CompoundButton } from 'office-ui-fabric-react/lib/Button';

//============
// BAD CODE!
//import foo = require('../scripts/test.jsx');
//============

export default class TestComponent extends React.Component {

    render() {

        console.log('====TestComponent.render()');

        //============
        // BAD CODE!
        //foo.testFunction();
        //============

        return(
            
                Create account
            
        );
    }
}

//test.jsx

export function testFunction(){
    console.log("test.jsx: testFunction");
}

Answer 1

Office2013和2016 for Windows（桌面应用程序）使用嵌入式IE11浏览器进行渲染。IE11不支持Edge、Chrome和Firefox中的许多最新JS特性。因此，您要么需要对为IE11提供替代路径所需的功能进行多层填充。

一个快速解决方案可能只是改变TypeScript生成JS的方式，使其与IE11兼容：

{
    "compilerOptions": {
        "skipLibCheck": true,
        "lib": [ "es5", "dom", "es2015.promise" ]
    }
}