Code Monkey home page Code Monkey logo

Comments (5)

gress1802 avatar gress1802 commented on June 26, 2024 1

I'm having the same problem

from azure-devops-extension-sdk.

fkpama avatar fkpama commented on June 26, 2024 1

@aherrick Hi,

I just struggled with the SDK for 3 days now. I encoutered the exact same problems so here's my two cents:

  1. In your index.js, try putting your js code at the bottom of the body instead. It looks like the SDK loads after (or in) your head tag.

  2. you can either include the full SDK (which is what you're doing), but for production code you don't need to include the full SDK. It you want to fine tune your package size, you can just include:

{
        "path": "node_modules/azure-devops-extension-sdk/SDK.min.js",
        "addressable": true,
        "packagePath": "lib/SDK.js"
},
{
        "path": "node_modules/azure-devops-extension-sdk/XDM.js",
        "addressable": true,
        "packagePath": "lib/XDM.js"
}

As far as I know those are the 2 only files you need.

Cheers

from azure-devops-extension-sdk.

aherrick avatar aherrick commented on June 26, 2024

i'm back to using the old SDK nothing seems to be working with this new one

from azure-devops-extension-sdk.

aherrick avatar aherrick commented on June 26, 2024

update - i've got the package creating now using this syntax:

      {
        "path": "node_modules/azure-devops-extension-sdk",
        "addressable": true,
        "packagePath": "lib"
      }

It then packages the azure-devops-extension-sdk bits into a lib folder in the VISX package. This is what the content of my VISX looks like:

image

However then once referenced and deployed in DevOps I receive the following in Console:

image

My index.html looks like this:

image

from azure-devops-extension-sdk.

aherrick avatar aherrick commented on June 26, 2024

@fkpama thanks - however i've attempted to update my code and still receiving the error. is this what you meant?

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<body>        
    <h1>Hello, <span id="name"></span></h1>

    <script src="lib/SDK.js"></script>
    <script src="lib/XDM.js"></script>

    <script type="text/javascript">
        SDK.init();
        SDK.ready(function() {
            document.getElementById("name").innerText = SDK.getUser().name;
        });
    </script>
</body>
</html>

from azure-devops-extension-sdk.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.