angular - 找不到名称 'Office'

Question

我将 Angular 4 与 Office.js 结合使用。该项目由 Angular CLI 创建。

代码很简单:

// declare const Office: any;
// With the line above, the app runs perfect

Office.initialize = function () {
  platformBrowserDynamic().bootstrapModule(AppModule);
};

我得到了错误

Cannot find name 'Office'.

我已经安装了npm install --save-dev @types/office-js

我的 tsconfig.json 文件:

{
  "compileOnSave": false,
  "compilerOptions": {
    "outDir": "./dist/out-tsc",
    "baseUrl": "src",
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2016",
      "dom"
    ]
  }
}

---

更新 1:

按照@MahmoodSajjadi 的建议，在npm install --save @microsoft/office-js 之后使用

import { Office } from '@microsoft/office-js';

出现这个错误:

ERROR in /my-app/src/main.ts (3,24): File '/my-app/node_modules/@types/office-js/index.d.ts' is not a module.

ERROR in ./src/main.ts Module not found: Error: Can't resolve 'office-js' in '/my-app/src'

@ ./src/main.ts 3:0-35
@ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts

在 package.json 中，实际上是 "@microsoft/office-js": "0.0.0"，不确定这是不是一个正确的包。

---

更新 2:

根据 Michael 的回答，似乎 NPM 版本还没有准备好，我会先使用 CDN 版本。感谢大家的帮助!

Answer 1

看起来您仍然需要指定应使用 office-js 类型。打开 src/tsconfig.app.json 并将 office-js 添加到 types 数组，如果它之前是一个空数组，它应该看起来像这样:

"types": [
  "office-js"
]

接下来，您需要在项目目录中运行命令 tsc -p tsconfig.json，然后再尝试构建项目。