How to fix "Photon is not defined" in TS

Options
Nevey
Nevey ✭
in JavaScript and TypeScript

Hello!

I'm just warming up to TypeScript so there's a good chance I'm simply missing something here.

I've added the Photon Javascript SDK (including the d.ts file) to my Cocos Creator project:

image.png


Next, I'm only trying to start the LoadBalancingClient:

image.png

VSCode recognizes Photon because it's declared as a module in "Photon-Javascript_SDK.d.ts, but when running it, it's not defined. Most likely because I'm not importing it anywhere? I've no idea what the best approach is here.

If someone could give me a hand I'd be most grateful!😊

Cheers!

Best Answer

  • vadim
    vadim mod
    edited February 2023 Answer ✓
    Options

    I installed Creator 3.7.0, created a new project, added Photon-Javascript_SDK.js, chose Global and checked all boxes in its properties, saved the properties (pressed the button with green checkmark) and run the project. Then I opened browser console and typed 'Photon' and pressed Enter. Photon global object properties were printed in console.

Answers

  • vadim
    vadim mod
    edited February 2023
    Options

    Hi,

    To have Photon in the global namespace, you need to run Photon-Javascript_SDK.js.

    We already answered how to do it: https://forum.photonengine.com/search?query=cocos

    I hope this haven't changed in Cocos since then.

  • Nevey
    Nevey ✭
    Options

    Hi Vadim,

    Thanks for the clarity and quick answer. However, when I follow these instructions and import the SDK as a plugin it doesn't change anything, Photon is still not defined in global namespace.

    SDK plugin settings:

    image.png

    I've tried "Enclosed" (which will cause the import to fail, makes sense) instead of "Global". Also tried enabling "Load in Native" and play around with other loads enabled/disabled.

    I'm obviously missing something here.

    Cheers!

  • vadim
    vadim mod
    edited February 2023 Answer ✓
    Options

    I installed Creator 3.7.0, created a new project, added Photon-Javascript_SDK.js, chose Global and checked all boxes in its properties, saved the properties (pressed the button with green checkmark) and run the project. Then I opened browser console and typed 'Photon' and pressed Enter. Photon global object properties were printed in console.

  • Nevey
    Nevey ✭
    Options

    I did exactly the same. Maybe I'll have to play with my tsconfig a bit? I got this exact same approach working for i.e. the PlayFab sdk.

    Thanks for confirming this is the way.

    Cheers!

Cookies,
anyone?

We use cookies and related technologies to enhance your experience, show you personalised content and analyze performance and traffic on our website. By clicking on the „Accept All“ button you consent to the use of non-functional cookies and the subsequent processing of personal data to optimize our website and services as described in more detail in our Privacy and Cookie Policy.

By clicking on the „Customize or Deny all“ button you can decide otherwise. Clicking on the „Customize“ button will take you to a page where you can configure the usage of non-functional cookies (and related technologies) or deny all of them. You can access these settings at any time and also subsequently deselect cookies at any time in the footer area of our website.

ACCEPT ALL

Cookie Overview

We use the following categories of cookies and related technologies to enhance your experience, show you personalized content, and analyze performance and traffic on our website. We respect your right to privacy and accordingly you can chose to not allow some types of cookies (and related technologies). Click on the different category sliders and change our default settings to manage your cookie settings.

For more information on the specific cookies/related technologies we use and on how we use these, please see section 15 E. of our Privacy and Cookie Policy.

ABSOLUTELY NECESSARY

Authentication cookies we use are required to run our services … Cookies are required: Link

FUNCTIONAL AND MARKETING COOKIES

These cookies collect anonymous data and allow us to optimize our website and user experience. These cookies are listed here:

ANALYTICS

Help us to understand how visitors interact with our services, enables us to analyze and improve our services (also through third party analytics).