Я пытаюсь сделать угловое расширение хаба для devops.Моя проблема в том, что я не знаю, как ссылаться на VSS.SDK.min ... Я следовал документации на веб-сайте Microsoft, но не могу заставить ее работать
Я пыталсясделать простое привет приложение Angular.
Вот мой vss-extension.json:
{
"manifestVersion": 1,
"id": "theId",
"publisher": "MyPublisherID",
"version": "1.0.11",
"name": "AngularTest",
"description": "A sample Visual Studio Services extension",
"public": false,
"categories": ["Azure Repos"],
"targets": [
{
"id": "Microsoft.VisualStudio.Services"
}
],
"contributions": [
{
"id": "my-hub",
"type": "ms.vss-web.hub",
"targets": [
"ms.vss-code-web.code-hub-group"
],
"properties": {
"name": "AnguTest",
"uri": "dist/angularTest/index.html"
}
}
],
"files": [
{
"path": "dist/angularTest/index.html",
"addressable": true
},
{
"path": "node_modules/vss-web-extension-sdk/lib",
"addressable": true,
"packagePath": "lib"
}
]
}
Вот мой Index.html:
<!doctype html>
<html lang="en">
<head>
<script src="lib/VSS.SDK.min.js"></script>
<script type="text/javascript">
VSS.init();
VSS.ready(function() {
document.getElementById("name").innerText = VSS.getWebContext().user.name;
});
</script>
<meta charset="utf-8">
<title>AngularTest</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
</script>
</head>
<body style="background-color: red">
<h1>Hello, <span id="name"></span></h1>
<app-root></app-root>
</body>
</html>
Когда я пытаюсь счто я получаю 2 ошибки:
- Не удалось загрузить ресурс: сервер ответил с состоянием 404 () для VSS.SDK.min.js
- index.html: 6 Uncaught ReferenceError: VSS неопределено в index.html: 6 (нормально, поскольку сервер не может найти файл js)
Я просто хочу отобразить страницу индекса.После этого я думаю, что все будет в порядке!