0

我试图vss-web-extension-sdk从node_modules使用，当我编译项目时编译。

但是当我上传它时说； 在此处输入图像描述

来自打字稿文件的一小段代码

VSS.init({
        explicitNotifyLoaded: false,
        usePlatformStyles: true,
        usePlatformScripts: true
    });

vss-web-extension-sdk 的目录结构（在node_modules下）

在此处输入图像描述

我还尝试在我使用它的地方引用和导入sdk，但无法正常工作。我的尝试如下和我得到的错误如下......

/// <reference path = "../../../node_modules/vss-web-extension-sdk/typings/index.d.ts/" />

错误：文件'.../node_modules/vss-web-extension-sdk/typings/index.d.ts/'不在'rootDir''.../src'下。'rootDir' 应包含所有源文件。ts(6059)

import  "../../../node_modules/vss-web-extension-sdk"

错误：找不到模块：错误：无法解析 '../../../node_modules/vss-web-extension-sdk' in ...

import "vss-web-extension-sdk"

错误：找不到模块：错误：无法解析“vss-web-extension-sdk”...

4

1 回答 1

0

我在 html 文件中包含并初始化 VSS.SDK，然后我也可以从 .tsx 文件中使用它。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
<head>
    <script src="../../lib/VSS.SDK.min.js"></script>
</head>
<body>
    <script type="text/javascript">
        // Initialize the VSS sdk
        VSS.init({
            explicitNotifyLoaded: true,
            usePlatformScripts: true
        });
        VSS.ready(function () {
            VSS.register(VSS.getContribution().id, function (context) {
                return {
                    // ...
                  };
            });

            VSS.notifyLoadSucceeded();
        });
    </script>
    ...
    ...
    ...
</body>
</html>

注意：如果你得到

由于 MIME 类型不匹配而被阻止的资源（X-Content-Type-Options: nosniff）

从 HTML 文件中引用 SDK 后，看看这个答案

https://stackoverflow.com/a/41319855/9851619

于 2020-07-05T09:43:05.167 回答