Giter Site home page Giter Site logo

Comments (12)

hotzenklotz avatar hotzenklotz commented on August 22, 2024

We just released a new version. Make sure you pull the latest files and/or run the local build script again.

from chatroom.

ctrado18 avatar ctrado18 commented on August 22, 2024

I installed chatroom last week. And it worked but then suddenly not anymore. I payed with it today but then 2 hours ago it doesn't work anymore. Mybe I corrupted the above file? Can you check this? Because in my sublime editor there are some red marks which suggest errors...

from chatroom.

hotzenklotz avatar hotzenklotz commented on August 22, 2024

@ctrado18 Are you building the chatroom from scratch or do you load it from our S3 repository?

from chatroom.

ctrado18 avatar ctrado18 commented on August 22, 2024

@hotzenklotz I am confused. I downloaded the github chatroom folder. Then build it with yarn build and then yarn serve. In index.html ich changed the host to may Rasa. Building gives this dist folder. Where does it load something from S3?
It builds the chatroom.js from above but now it gives this error

from chatroom.

hotzenklotz avatar hotzenklotz commented on August 22, 2024

I just cloned the latest version of the repo and was able to build it without any problems using yarn build.

Do you get any errors while building? What OS are you running?

from chatroom.

ctrado18 avatar ctrado18 commented on August 22, 2024

I used the version avaiable from few days ago not the latest. With the above file. Could you please check if there is any error I might plugged in accidentally? Does this depends on this S3 repo? I don't get the error while buidling. I get in chrome when I inspect the console. It worked. But maybe I did something with this file because I wanted to change some css stuff.

Could have also then a look at #12

I want to change the position and chnage the opaque value of the chatroom

from chatroom.

hotzenklotz avatar hotzenklotz commented on August 22, 2024

Please try the latest version.

For your position and background transparency make sure add your own custom CSS to the HTML file. Make sure you CSS commands / selectors have higher priority than the default ones for the chat window. Try adding !important to your CSS rules.

from chatroom.

ctrado18 avatar ctrado18 commented on August 22, 2024

But why should I try the latest? Is it depending on what your are changing although I downloaded it before?! Where does it uses the S3 repo?

In chrome I get:

Uncaught TypeError: require(...) is not a function
    at Object.parcelRequire.8../_typed-array (Chatroom.js:144)
    at u (Chatroom.js:1)
    at p (Chatroom.js:1)
    at Object.parcelRequire.1.core-js/modules/es6.typed.array-buffer (Chatroom.js:671)
    at u (Chatroom.js:1)
    at parcelRequire.218 (Chatroom.js:1)
    at Chatroom.js:1
(index):21 Uncaught TypeError: window.Chatroom is not a constructor
    at (index):21

Then I get:

"GET /Chatroom.map" Error (404): "Not found"

to css: I thought I could change the charoom.scss? Since the class chat-conatiner is uused I need to add there stuff, right? Would this be possible? I still want to use the default.

from chatroom.

ctrado18 avatar ctrado18 commented on August 22, 2024

Is it due to your changes in new version? But why?

from chatroom.

ctrado18 avatar ctrado18 commented on August 22, 2024

I tried new version and get same error. And changed nothing in the code...I use windows

Could you please explain why it and how it depends on ypour chnages? Does it rely somewhere on a server?

EDIT: It works for fierefox but not chrome?!

from chatroom.

ctrado18 avatar ctrado18 commented on August 22, 2024

I just use:

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" type="text/css" href="./dist/Chatroom.css">
    <link rel="stylesheet" type="text/css" href="./index.css">
    <title>Chatroom Example</title>
    <style>
      body {
              background-image:url(test2.png);
              background-repeat: no-repeat;
      } 
       
    </style>  
  </head>
  <body>
    <div class="chat-container"></div>
    <script src="./dist/Chatroom.js"></script>
    <script type="text/javascript">
window.chatroom = new window.Chatroom({
  title: "Chat mit uns",
  container: document.querySelector(".chat-container"),
  welcomeMessage: "Hi, ",
  host: "http://127.0.0.1:5002",
});
</script>
  </body>
</html>

ANd now it doesn't work anymore! Before ot worked with firefox... Could you please light me up?

from chatroom.

normanrz avatar normanrz commented on August 22, 2024

A couple of things to try:

  • Install all dependencies again: yarn install
  • Run yarn build again
  • Reload browser without using the cache (Ctrl+Shift+R if I recall correctly)

from chatroom.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.