Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

118
Visualizações
react-chatbot-kit on web application

I have been trying to use react-chatbot-kit on a plain html/css/js website, using the webpack bundle which compiles fine. However, the popup does not show on the web page. Have tried the same with react-simple-chatbot and it works fine. It does not work for the react-chatbot-kit.

Would appreciate help in getting it resolved. Thanks in advance!

Cheers

The code in index.js using the react-chatbot-kit is pasted below.

import React from 'react';
import ReactDOM from 'react-dom';
import Chatbot from 'react-chatbot-kit';
import ActionProvider from './components/react-chatbot-kit/ActionProvider';
import MessageParser from './components/react-chatbot-kit/MessageParser';
import config from './components/react-chatbot-kit/config';
import { ThemeProvider } from 'styled-components';

const chatwindowconfig ={
    width: "350px",
    height: "500px",
    floating: true,
};

ReactDOM.render(
    <div>
        <h1>This is the bundle from React!</h1>
        <ThemeProvider theme={theme}>
            <ChatBot
                    config={config} 
                    MessageParser={MessageParser} 
                    ActionProvider={ActionProvider}
                    {...chatwindowconfig}
            />
        </ThemeProvider>

    </div>,
    document.getElementById('root')
)
about 4 years ago · Juan Pablo Isaza
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda