cometchat / cometchat-sample-app-react Goto Github PK
View Code? Open in Web Editor NEWVoice & Video Calling and Text Chat App for React (JavaScript/Web)
Home Page: https://www.cometchat.com
License: Other
Voice & Video Calling and Text Chat App for React (JavaScript/Web)
Home Page: https://www.cometchat.com
License: Other
Hi, downloaded the demo and provided the credentials, after running:
npm install
npm run dev
The server now listens on port 5000
So far, so good. When I access the site it shows up fine but when trying to login, I keep getting:
POST https://api.cometchat.com/v1.8/users/superhero1/auth_tokens 500
localhost/:1 Access to fetch at 'https://api.cometchat.com/v1.8/users/superhero1/auth_tokens' from origin 'http://localhost:5000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
Any ideas?
I downloaded repository and did yarn start
. I see following warnings/errors in the console
Compiled with warnings.
Module not found: Error: Can't resolve '@cometchat/chat-uikit-angular' in '/Users/test/chat/node_modules/@cometchat/chat-sdk-javascript'
Module not found: Error: Can't resolve '@cometchat/chat-uikit-angular/package.json' in '/Users/test/chat/node_modules/@cometchat/chat-sdk-javascript'
Module not found: Error: Can't resolve '@cometchat/chat-uikit-vue' in '/Users/test/chat/node_modules/@cometchat/chat-sdk-javascript'
Module not found: Error: Can't resolve '@cometchat/chat-uikit-vue/package.json' in '/Users/test/chat/node_modules/@cometchat/chat-sdk-javascript'
Search for the keywords to learn more about each warning.
To ignore, add // eslint-disable-next-line to the line before.
WARNING in ./node_modules/@cometchat/chat-sdk-javascript/CometChat.js 11891:4-44
Module not found: Error: Can't resolve '@cometchat/chat-uikit-angular' in '/Users/test/chat/node_modules/@cometchat/chat-sdk-javascript'
WARNING in ./node_modules/@cometchat/chat-sdk-javascript/CometChat.js 11891:73-126
Module not found: Error: Can't resolve '@cometchat/chat-uikit-angular/package.json' in '/Users/test/chat/node_modules/@cometchat/chat-sdk-javascript'
WARNING in ./node_modules/@cometchat/chat-sdk-javascript/CometChat.js 11894:4-40
Module not found: Error: Can't resolve '@cometchat/chat-uikit-vue' in '/Users/test/chat/node_modules/@cometchat/chat-sdk-javascript'
WARNING in ./node_modules/@cometchat/chat-sdk-javascript/CometChat.js 11894:69-118
Module not found: Error: Can't resolve '@cometchat/chat-uikit-vue/package.json' in '/Users/test/chat/node_modules/@cometchat/chat-sdk-javascript'
I want to use this example app as a foundation for my project so I don't expect any errors in the console output.
When I did the npm start after following all the instructions, I am getting this error Module not found: Can't resolve '../../cometchat-pro-react-ui-kit/CometChatWorkspace/src' in 'C:\Users\hp\desktop\javascript-react-chat-apavascript-react-chat-app\src\defaultPages\App'
The screen should display the sample react app
The error is present in this file ./src/defaultPages/App/index.js
After following the installation instructions and trying to run the project, I immediately get this error:
/Users/me/javascript-react-chat-app/node_modules/react-scripts/scripts/start.js:19
throw err;
^
Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:67:19)
at Object.createHash (node:crypto:130:10)
at module.exports (/Users/me/javascript-react-chat-app/node_modules/webpack/lib/util/createHash.js:135:53)
at NormalModule._initBuildHash (/Users/me/javascript-react-chat-app/node_modules/webpack/lib/NormalModule.js:417:16)
at /Users/me/javascript-react-chat-app/node_modules/webpack/lib/NormalModule.js:452:10
at /Users/me/javascript-react-chat-app/node_modules/webpack/lib/NormalModule.js:323:13
at /Users/me/javascript-react-chat-app/node_modules/loader-runner/lib/LoaderRunner.js:367:11
at /Users/me/javascript-react-chat-app/node_modules/loader-runner/lib/LoaderRunner.js:233:18
at context.callback (/Users/me/javascript-react-chat-app/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
at /Users/me/javascript-react-chat-app/node_modules/babel-loader/lib/index.js:59:103 {
opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ],
library: 'digital envelope routines',
reason: 'unsupported',
code: 'ERR_OSSL_EVP_UNSUPPORTED'
}
Node.js v17.0.1
For the project to run
npm start
Please provide the following:
When I download the quickstart and run yarn install and start the application and go to the conversion-list I get the following error TypeError: Cannot read property 'theme' of undefined
I expect to see a list of conversations
Detail the steps taken to reproduce this error, and whether this issue can be reproduced consistently or if it is intermittent.
Note: If clear, reproducable steps or the smallest sample app demonstrating misbehavior cannot be provided, we may not be able to follow up on this bug report.
It occurs in the v2 and v3 app
U use the default chat app and only change the values in consts.js to the correct values
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.