Unhandled Promise rejection: Communicator is not defined

HOOPS Communicator
1

Hello!

I have set up an ASP.NET Core with angular project. I have been trying to run this code from the tutorial (Bitbucket):
`//! [create_viewer]
var viewer: Communicator.WebViewer = null;

async function createViewer() {
viewer = new Communicator.WebViewer({
model: “microengine”,
containerId: “viewer”,
endpointUri: “ws://localhost:11180”, });
viewer.start(); }

$(() =>{
createViewer();
});
//! [create_viewer] `

It builds fine, I can hover over Communicator and the intellisense provides a definition, but when I open my page in google chrome, I get the following error:

CommunicatorError
CommunicatorError1298×285 6.91 KB

2

So I added the catch () and real error seems to be:
ComError2

Any clue what might be happening here?

3

Hello,

Thanks for reaching out and thanks for your patience while we looked into this. Would you be able to tell me how you are providing the hoops_web_viewer.js source file in your application? Are you using a tag in your html to bring it in? Or are you trying to use ES6 ‘import’ commands?

I am wondering if the Communicator class is just out of scope in your application. Out of curiosity, and if you are including the library in a script tag, if you try accessing the Communicator class in the context of the global window, is Communicator defined?

async function createViewer() {
viewer = new window.Communicator.WebViewer({
model: “microengine”,
containerId: “viewer”,
endpointUri: “ws://localhost:11180”, });
viewer.start(); }
4

Thanks for getting back to me!

I’ve tried a few things in order to provide hoops_web_viewer.js. I have the way the tutorial says to do it:
hwvjs
Where my assets folder looks like this:
picture 2

I also supplemented it in my html file (just to try stuff lol):
picture 3

Accessing the Communicator class in the context of the global window gives me the following compile error:
picture 4

Which is weird because visual studio makes it look like its ok:
picture 5

Thanks for the help!

5

picture 2
assetsfolder

6

picture 3:
html

7

picture 4:

window
window952×91 1.57 KB

8

picture 5:

windowcom
windowcom753×387 9.41 KB

(sorry for the onslaught of replies, forum only lets me post one picture per message!)

9

Figured it out! A silly mistake by me, i was pointing to the wrong folder when trying to get hoops_web_viewer.js… Sorry for all the trouble and thanks for all the help!

1 Like
10

A common mistake. Glad you got it sorted.

Just a note, we’ve created a sample integration between the HOOPS Web Platform and angular. It is now available on GitHub here:

1 Like
11

Thats awesome and it will be super useful to me! Thank you!