A chat application made using Ionic 3 and firebase.
For individual parts of this entire app please check my other repos.
Thanks.
Chat app using Ionic 3 and firebase
I need a chat app like Whatsapp, the new messages load at the bottom when I scroll to top the old message need to display. How can we use infinity scroll?
While running this command i get this error
ionic cordova build android --prod --release
Error: ./src/app/app.module.ngfactory.js
Module not found: Error: Can't resolve '../../angularfire2/auth' in 'D:\Yash Tech Workplace\Ionic Workplace\mychatapp\src\app'
resolve '../../angularfire2/auth' in 'D:\Yash Tech Workplace\Ionic Workplace\mychatapp\src\app'
using description file: D:\Yash Tech Workplace\Ionic Workplace\mychatapp\package.json (relative path: ./src/app)
Field 'browser' doesn't contain a valid alias configuration
after using description file: D:\Yash Tech Workplace\Ionic Workplace\mychatapp\package.json (relative path: ./src/app)
using description file: D:\Yash Tech Workplace\Ionic Workplace\mychatapp\package.json (relative path: ./angularfire2/auth)
no extension
Field 'browser' doesn't contain a valid alias configuration
D:\Yash Tech Workplace\Ionic Workplace\mychatapp\angularfire2\auth doesn't exist
.js
Field 'browser' doesn't contain a valid alias configuration
D:\Yash Tech Workplace\Ionic Workplace\mychatapp\angularfire2\auth.js doesn't exist
.ts
Field 'browser' doesn't contain a valid alias configuration
D:\Yash Tech Workplace\Ionic Workplace\mychatapp\angularfire2\auth.ts doesn't exist
as directory
D:\Yash Tech Workplace\Ionic Workplace\mychatapp\angularfire2\auth doesn't exist
[D:\Yash Tech Workplace\Ionic Workplace\mychatapp\angularfire2\auth]
[D:\Yash Tech Workplace\Ionic Workplace\mychatapp\angularfire2\auth.js]
[D:\Yash Tech Workplace\Ionic Workplace\mychatapp\angularfire2\auth.ts]
[D:\Yash Tech Workplace\Ionic Workplace\mychatapp\angularfire2\auth]
@ ./src/app/app.module.ngfactory.js 49:0-52
@ ./src/app/main.ts
Hello, congratulations for your tutorial both in video and on the web, but I have a problem, to see if you can help me ...
I have cloned your project following "https://www.pluralsight.com/guides/front-end-javascript/cloning-an-ionic-2-application-from-github" and making good use of "ionic cordova prepare"instead of "ionic state restore".
Once everything is ready and ready for an "ionic serve" it presents problems in the file "/ionic3chat/node_modules/angularfire2/app/firebase.app.module.d.ts" where I can do little, I think.
I attach a couple of screens in case it helps to clarify the problem.
Greetings.
Everytime I close and reopen the app, I will have to relogin from beginning. it would be better if it stores the session until I logout.
Hi raja,Thanks for sharing awesome knowledge thank you so much
Can we implement person is typing,?
Is it possible ?
Please share
Is this MIT licensed? if so, can you please add a LICENSE file.
Hi man, I downloaded the files and tried to run but i get these messages in cmd after typing ionic serve. Please can you help me?
[22:20:39] typescript: ...NOVO/Documents/ionic3chat/node_modules/angularfire2/app/firebase.app.module.d.ts, line: 12
Namespace 'firebase' has no exported member 'Promise'.
L11: storage: () => firebase.storage.Storage;
L12: delete: () => firebase.Promise<any>;
[22:20:39] typescript: C:/Users/LENOVO/Documents/ionic3chat/node_modules/angularfire2/interfaces.d.ts, line: 12
Namespace 'firebase' has no exported member 'Promise'.
L11: export interface FirebaseOperationCases {
L12: stringCase: () => firebase.Promise<void>;
L13: firebaseCase?: () => firebase.Promise<void>;
[22:20:39] typescript: C:/Users/LENOVO/Documents/ionic3chat/node_modules/angularfire2/interfaces.d.ts, line: 13
Namespace 'firebase' has no exported member 'Promise'.
L12: stringCase: () => firebase.Promise<void>;
L13: firebaseCase?: () => firebase.Promise<void>;
L14: snapshotCase?: () => firebase.Promise<void>;
[22:20:39] typescript: C:/Users/LENOVO/Documents/ionic3chat/node_modules/angularfire2/interfaces.d.ts, line: 14
Namespace 'firebase' has no exported member 'Promise'.
L13: firebaseCase?: () => firebase.Promise<void>;
L14: snapshotCase?: () => firebase.Promise<void>;
L15: unwrappedSnapshotCase?: () => firebase.Promise<void>;
[22:20:39] typescript: C:/Users/LENOVO/Documents/ionic3chat/node_modules/angularfire2/interfaces.d.ts, line: 15
Namespace 'firebase' has no exported member 'Promise'.
L14: snapshotCase?: () => firebase.Promise<void>;
L15: unwrappedSnapshotCase?: () => firebase.Promise<void>;
[22:20:39] typescript: C:/Users/LENOVO/Documents/ionic3chat/src/app/app.module.ts, line: 8
Cannot find module '@ionic-native/file-path'.
L7: import { FileChooser } from '@ionic-native/file-chooser';
L8: import { FilePath } from '@ionic-native/file-path';
[22:20:39] typescript: C:/Users/LENOVO/Documents/ionic3chat/src/providers/chat/chat.ts, line: 38
Property 'catch' does not exist on type 'PromiseLike'.
L37: resolve(true);
L38: }).catch((err) => {
L39: reject(err);
[22:20:39] typescript: C:/Users/LENOVO/Documents/ionic3chat/src/providers/imghandler/imghandler.ts, line: 4
Cannot find module '@ionic-native/file-path'.
L3: import { FileChooser } from '@ionic-native/file-chooser';
L4: import { FilePath } from '@ionic-native/file-path';
L5: import firebase from 'firebase';
[22:20:39] typescript: C:/Users/LENOVO/Documents/ionic3chat/src/providers/requests/requests.ts, line: 30
Property 'catch' does not exist on type 'PromiseLike'.
L29: resolve({ success: true });
L30: }).catch((err) => {
L31: resolve(err);
[22:20:39] typescript: C:/Users/LENOVO/Documents/ionic3chat/src/providers/requests/requests.ts, line: 74
Property 'catch' does not exist on type 'PromiseLike'.
L74: }).catch((err) => {
L75: reject(err);
[22:20:39] typescript: C:/Users/LENOVO/Documents/ionic3chat/src/providers/requests/requests.ts, line: 77
Property 'catch' does not exist on type 'PromiseLike'.
L77: }).catch((err) => {
L78: reject(err);
In chat app, we do not load all msg of user. we load few msgs. when the user scroll to top then we load all msgs.
Hey..!
Your application is not working. Even node modules is not installing and showing lots of errors.
plz, help me.
Hi,
when I try to: ionic serve
there is an error:
Cannot find module: 'path/to/the/project/node_modules/@ionic/app-scripts
how can I fix it?
Thanks and thanks for the app
Hi @rajayogan
How are you doing?
I am very interested in this chat app.
I saw your video.
https://www.youtube.com/watch?v=sOnypxX-Ewk
This video has group chat and image sending feature, but I can't find those feature on this repo.
Could you commit those features?
Thank you
Sincerely
Sirius
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.