3

我正在尝试让最新版本的office-ui-fabric-reactnpm 包与最新版本的vss-web-extension-sdknpm 包一起使用。

全局 npm 包：

+-- typescript@2.9.2
+-- webpack@4.12.0

package.json（仅依赖项）：

"dependencies": {
    "office-ui-fabric-react": "^6.103.0",
    "vss-web-extension-sdk": "^5.141.0"
},
"devDependencies": {
    "@types/react": "^16.7.3",
    "@types/react-dom": "^16.0.9"
}

tsconfig.json：

{
    "compilerOptions": {
        "module": "amd",
        "moduleResolution": "node",
        "target": "es6",
        "lib": ["es5", "es6", "dom"],
        "jsx": "react",
        "rootDir": "src/",
        "outDir": "dist/",
        "baseUrl": "./",
        "types": [ "react", "react-dom" ]
    }
}

当我运行时，tsc -p .我得到一个错误，它找不到必要的模块：

错误 TS2307：找不到模块“VSS/Controls/Navigation”。

如果我添加"vss-web-extension-sdk"到我的 tsconfig.json 类型，模块会正确解析，但编译失败：

node_modules/vss-web-extension-sdk/node_modules/@types/react/index.d.ts:3668:13 - 错误 TS2717：后续属性声明必须具有相同的类型。属性“div”必须是“DetailedHTMLProps, HTMLDivElement>”类型，但这里有“DetailedHTMLProps, HTMLDivElement>”类型。

在我看来，它失败了可能是因为在 vss-web-extension-sdk 的 node_modules 中找到的 @types/react 与在我的 node_modules 中找到的 @types/react 冲突。

@types/react: // Type definitions for React 16.7
vss-web-extension-sdk/node_modules/@types/react:// Type definitions for React 15.6

我尝试以多种方式修改我的 tsconfig.json 无济于事，这不是我的专家领域。我怎样才能让这些包相互配合？

4

0 回答 0