Я разрабатываю веб-сайт электронной коммерции с голосовым управлением AI, используя Alan AI. Но всякий раз, когда я возвращаюсь с другого маршрута, появляется пустая страница. И это сообщение об ошибке отображается в консоли: «Неперехваченная ошибка: экземпляр Алана Баттона уже создан. Одновременно не может быть создано два экземпляра Алана Баттона». Что я могу сделать? мой код приведен ниже:
const Alan = () => {
useEffect(() => {
alanBtn({
key: alanKey,
onCommand: ({ command }) => {
if (command === 'testCommand') {
alert('This code was executed');
}
}
})
}, [])
return (
<div>
</div>
);
};
Это критично, но легко...!
Используйте запросAnimationFrame для визуальных изменений веб-страницы.
Если запустить как обратный вызов requestAnimationFrame, это будет запускаться в начале кадра.
const Алан = () => {
useLayoutEffect(() => {
function updateScreen(time) {
// Make visual updates here.
alanBtn({
key: alanKey,
onCommand: ({ command }) => {
if (command === 'testCommand') {
alert('This code was executed');
}
}
})
}
requestAnimationFrame(updateScreen);
}, [])
return (
<div>
</div>
);
};