Style of type: Info, does not exist in the config

FiveM Resource Development Discussion
1

I’ve got an existing resource with an NUI built using Vue.JS in a single html file and a script.js. I have done a new node.js based project using Vue.JS single file components and it’s all working nicely outside FiveM hosted using yarn dev. I’m now trying to run it within FiveM in a fresh install of a QB Core recipe. What I can’t get my head around is this error I’m getting when I press a button in my Single File Component “Style of type: Info, does not exist in the config”

I have this in the script block of my .vue file:

  console.log("calling ...");
  await store.retrieve(vehicle);
  console.log("done ...");
};

and this button in the template:

            v-if="veh.stored === false"
            type="button"
            class="vehicle-options btn btn-warning btn-sm w-100 mb-1 p-0"
            @click="retrieveVehicle(veh)"
          >

Running from FiveM pressing that button I see the error about Style of type… and this is where that comes from as shown in the Chrome debugger

image
image1437×258 21.4 KB

image
image2113×868 151 KB

My console log messages aren’t being displayed so it’s like something is clobbering the the button click event. Any ideas?

2

It’s so weird. My button was calling direct to a pinia store function, which should be fine, but it blew up the base game ui code somewhere. Ugh