小编mm9*_*491的帖子

我按照本教程启动了一个带有 Typescript&React 的 Office Web 插件项目：https://github.com/OfficeDev/office-js-docs-pr/blob/master/docs/includes/file-get-started-excel-反应.md。任何任务窗格函数和页面都可以正常运行，但函数文件页面上的函数无法正确执行。

通过删除代码，我发现Object.defineProperty(exports, "__esModule", { value: true });编译后的 function-file.js 中的一行解决了问题。每当它出现时，文件中的任何函数都不会被执行。Fiddler 显示脚本已正确加载到 Excel 中，且没有任何警告。状态栏显示“[加载项名称]正在处理您的[功能名称]”。

这行代码是由 Typescript 编译器生成的，在本例中，用于加载节点模块“@microsoft/office-js-helpers”。我尝试修改 tsconfig.json 文件以避免生成该行，但随后“@microsoft/office-js-helpers”的导入失败。另外，Webpack 4 将在该文件中添加 webpackBootstrap 代码拦截功能。此时，我只能避免在 function-file.ts 中进行任何导入，并在通过 Webpack 构建项目后执行“tsc”。

我的问题是：设置该项目的正确方法是什么，以便 function-file.js 不包含任何阻止其函数执行的代码？如果没有明确的答案，至少，为什么这行代码会导致其他页面工作正常的问题？

以下是我的 tsconfig.json ，它可以避免该行但无法加载任何模块：

  "compilerOptions": {
    "target": "es5",
    "module": "es2015",
    "moduleResolution": "node",
    "lib": ["es2015", "dom"],
    "typeRoots": ["node_modules/@types"]
  },

我手动将编译后的function-file.js编辑成两个版本：

Object.defineProperty(exports, "__esModule", { value: true });
(function () {
    Office.initialize = function () { }
    };
})();
function writeText(event) {
    Office.context.document.setSelectedDataAsync('test');
    event.completed();
}

VS

(function …