question

Since CocosCreator using TypeScript which is a statically typed language, and it may require type declaration files (.d.ts files) to understand the structure of JavaScript modules, you may add a .d.ts files to the root of your project including declare module 'playfab-web-sdk' to declare the ‘playfab-sdk’ module. Then you can refer to my working code:

  import { _decorator, Component, Node, log} from 'cc';
     const { ccclass, property } = _decorator;
        
     import pf from 'playfab-sdk';
        
     const PlayFab= pf.PlayFab  as PlayFabModule.IPlayFab;
     const clientApis=pf.PlayFabClient as PlayFabClientModule.IPlayFabClient;
        
     let titleData={
         titleId:"xxxx"
     };
        
     @ccclass('Test')
     export class Test extends Component {
         start() {
                 PlayFab.settings.titleId=titleData.titleId;
        
                 const loginRequest={
                     CustomId: "test",
                     CreateAccount: true
                 };
                 const loginCallback=(error:PlayFabModule.IPlayFabError,result:PlayFabModule.IPlayFabSuccessContainer<PlayFabClientModels.LoginResult>): void =>{
                     if(error!=null){
                         log("login failure");
                     }else{
                         log(result.data.PlayFabId);
                     }
                 };
                 clientApis.LoginWithCustomID(loginRequest,loginCallback);
         }
        
         update(deltaTime: number) {
                
         }
     }