Проблема Ошибка в приложении с использованием mp

[K me]

Создал приложение на реакте (уже даже не с TS), пытаюсь создать ивент, но пишет Cannot read properties of undefined (reading 'events'):

Пишу так:

window.mp.events.add('player:join', setLog(true))

Знаю про rage-rpc и использовал его, но получаю так же ошибку об Uncaught ReferenceError: mp is not defined:

Такое написание:

const rpc = require('rage-rpc');
// ...
rpc.register('player:join', setLog(true))

Как решить? Помогите, пожалуйста

 

[NKondr]

Хей, кто то решил все таки эту проблему? При использование rage-rpc

 

[wholinc]

Хей, кто то решил все таки эту проблему? При использование rage-rpc

А чем не подходит rpc в самом rage?

 

[NKondr]

А чем не подходит rpc в самом rage?

В самом rage нормально, но к примеру в react ошибка вылезает что mp не найден, а mp используется в этой библиотеке и интересно кто и как решил эту проблему.
С этой ошибкой у тебя интерфейс крашится...

 

[NKondr]

поднимись!

 

[челавек паук]

Если юзаете тайп-скрипт то добавьте его в тс-игноре или опишите его в index.d.ts

 

[челавек паук]

Либо если это JS и установлен eslint, то добавьте следующую конфигурацию в конфиг eslint

"globals": {
   "mp": "readonly"
}

 

[wholinc]

Либо если это JS и установлен eslint, то добавьте следующую конфигурацию в конфиг eslint

"globals": {
   "mp": "readonly"
}

На сколько я знаю, это ошибка от вебпака, который билдит проект и отлавливает ошибки. Так вот, как изменение конфига плагина поможет?

 

[челавек паук]

Там, нужно в вебпаке указать просто глобал дефайн вроде или в игнор кинуть, и все будет окей.

На сколько я знаю, это ошибка от вебпака, который билдит проект и отлавливает ошибки. Так вот, как изменение конфига плагина поможет?

 

[NKondr]

Либо если это JS и установлен eslint, то добавьте следующую конфигурацию в конфиг eslint

"globals": {
   "mp": "readonly"
}

это все понятное дело но не тот случай..
ошибка то отправляет не в твоей проект, а в сам rage-rpc и пишет что он не понимает mp.
Я как вижу, на форуме никто не использует у себя в cef это??? Или если используете, то как вы с этим работаете?

 

[mippoosedev]

У себя использую вот так, билдит сеф отлично. Спасибо Axe(roxland) за такой плагин

const mp = window.mp || {
    events: {
        remove: (...args) => {
            console.log("events.remove", args[0]);
        },
        add: (...args) => {
            console.log("events.add", args[0]);
        },
        addProc: (...args) => {
            console.log("events.addProc", args[0]);
        },
        call: (...args) => {
            console.log("events.call", ...args);
        },
        callProc: (...args) => {
            console.log("events.callProc", ...args);
        },
        callLocal: (...args) => {
            console.log("events.callLocal", ...args);
        },
    },
    invoke: (...args) => {
        console.log("mp.invoke", ...args);
    },
};

const eventNameCallbacks = {};

let oldCall = mp.events.call;
let oldAdd = mp.events.add;
let oldRemove = mp.events.remove;
// let oldCallLocal = global.mp.events.callLocal;

mp.events.call = function (...args) {
    // global?.app?.$store?.commit("outcome", args);

    oldCall(...args);
};

mp.events.callLocal = function (eventName, ...args) {
    // oldCallLocal(eventName, ...args);

    if (!(eventName in eventNameCallbacks)) {
        return;
    }

    const callbacks = eventNameCallbacks[eventName];

    for (let callback of callbacks) {
        callback(...args);
    }
};

mp.events.add = function (eventName, callback) {
    oldAdd(eventName, (...args) => {
        // global?.app?.$store?.commit("income", args);

        callback(...args);
    });

    if (!(eventName in eventNameCallbacks)) {
        eventNameCallbacks[eventName] = [];
    }
    const callbacks = eventNameCallbacks[eventName];
    callbacks.push(callback);
};

mp.events.remove = function (eventName, callback) {
    oldRemove(eventName, callback);

    if (!(eventName in eventNameCallbacks)) {
        return;
    }
    eventNameCallbacks[eventName] = eventNameCallbacks[eventName].filter(c => c !== callback);
};

export default mp;

export const $isInGame = computed(() => {
    return mp.isALauncher !== undefined;
});