0

Hello everyone im trying to embedd a chat bot into my app the following way:

import { BubbleChat } from 'flowise-embed-react'

const Chatbot = () => {
    return (
        <BubbleChat chatflowid="099e38db-3758-4427-a89f-8fd9f450b59c" apiHost="http://localhost:3000" />
    );
};


return (    <Chatbot /> )

that is the gist of what i added to my react app (in the navbar component for now just to see it working) and im getting the following error:

Module not found: Error: Can't resolve 'flowise-embed/dist/web' in 'C:\Pangea-Projects\InsightsSolution\node_modules\flowise-embed-react\dist'
Did you mean 'web.js'?
BREAKING CHANGE: The request 'flowise-embed/dist/web' failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a '*.mjs' file, or a '*.js' file where the package.json contains '"type": "module"').
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.

the docs of this library are pretty much non existent, does anyone have an idea for a fix?

Noam TheLoreFnatic Hadad
  • 39
  • 5

1 Answers1

0

Have you done: npm install flowise-embed

and make sure you got this:

import { BubbleChat } from 'flowise-embed-react';

TriveeCodez
  • 38
  • 3