urigo / ionic2cli-meteor-whatsapp Goto Github PK

Hi,

Everything works fine when I stick to the tutorial, but what If I try to connect to a remote server ?
I've added this in my code : In index.html I changed the DDP url

But in the chats page inside this piece of code :
.mergeMap((chats: Chat[]) => { console.log('hello', chats); Observable.combineLatest( ...chats.map((chat: Chat) => Messages .find({chatId: chat._id}) .startWith(null) .map(messages => { console.log('map', messages) if (messages) chat.lastMessage = messages[0]; return chat; }) ) )}

more precisely the console.log('map', messages) isn't displayed, and the web browser console displays :

I guess I could find a work arround only working with observables.subscribe but this is just to let you know.

Thanks for this great framework and tutorial again.

Hi,
thank you so much for the tutorial. it would be so great if you could show me a way to use accounts-password or accounts-facebook instead of accounts-phone .

Could you guys please upgrade to latest Ionic 2 RC, both the github and the tutorial.

Hi
Thanks for the tutorials they helped me a lot and i was able integrate meteor in my ionic 2 app, and i was able to deploy the sever to AWS. Every thing is working good when i do 'ionic serve' but when i do 'ionic build' or 'ionic run android' it shows error saying that the

"Cannot find name 'Message' on line ......" [where i used public thisMessage: Message]
but i import from api/model/whatsapp.d.ts in my
src/pages/Message/Message.ts in ionic root

Steps Followed"

1. Downloaded zip and extracted it
2. "npm install --save" on root folder
3. "meteor npm install --save" inside api folder
4. "meteor" inside api folder
5. "ionic build" on root of ionic folder

I have the error on the title and I'm taking days trying to resolve it.

I did the tutorial step by step ( The web tutorial. There are some differences with the video tutorial )

If I click the error, the debugger take me to the line 1546 of the file accounts-phone.bundle.min.js that says:
var Accounts = Package["accounts-base"].Accounts;

I have all meteor adds and npm installs which appear in the tutorial.

Somebody can help me?

Sorry for my English

Hi,

Im getting an Uncaught ReferenceError: __extends is not defined when i try to run this on any device.

So i just cloned this Repo, and ran npm i which gave me:

npm WARN [email protected] requires a peer of meteor-client-side@~0.2.3 but none was installed.
npm WARN @angular/[email protected] requires a peer of [email protected] but none was installed.
npm WARN @angular/[email protected] requires a peer of [email protected] but none was installed.
npm WARN [email protected] requires a peer of [email protected] but none was installed.
npm WARN [email protected] requires a peer of [email protected] but none was installed.

so i fixed the package.json and changed meteor-client-side, rxjs and zone.js to these versions:

    "meteor-client-side": "~0.2.3",
    "rxjs": "5.0.0-beta.12",
    "zone.js": "0.6.21"

than npm i ran fine.

next i ran ionic serve - and everything runs like a charm, but wen i try ionic run android on to a real device or ionic run ios on a simulator, i get a white screen and the following logs:

Uncaught ReferenceError: __extends is not defined
    at file:///android_asset/www/build/main.js:9:22535
    at file:///android_asset/www/build/main.js:9:24143
    at file:///android_asset/www/build/main.js:9:21256
    at Object.<anonymous> (file:///android_asset/www/build/main.js:9:21268)
    at Object.<anonymous> (file:///android_asset/www/build/main.js:9:27679)
    at e (file:///android_asset/www/build/main.js:1:101)
    at Object.<anonymous> (file:///android_asset/www/build/main.js:17:30095)
    at e (file:///android_asset/www/build/main.js:1:101)
    at Object.<anonymous> (file:///android_asset/www/build/main.js:16:5781)
    at e (file:///android_asset/www/build/main.js:1:101)
main.js:51 DEVICE READY FIRED AFTER 220 ms

Googeling the issue, i found another issue, in another repo: akveo/ng2-smart-table#16

there they fixed it with adding"noEmitHelpers": false to the tsconfig.json but it didn't work out for me.

Can anyone confirm this?

Ionic 2 RC4 has a new webpack config file, which is quite different from the current one used in tutorial. Could you provide an example of what it should look like for RC4?

This is undefined by default, which causes some client-based packages to break.
How do you guys send Meteor.settings to client?

Hi.

I have a problem running "meteor" from /api directory.

I believe that it is certain problem with sharp and node-gyp versions. I tried various things, didn't helped.
I don't know why these errors "cannot find module..." are occuring in cmd, looking through Visual Studio Code, there are no problems regarding that (I recreated symbolic links in Windows, so that isn't the case). "ionic serve" from /src directory works OK, client app is running.
Did anyone had similar problems?
Btw, great job guys.
Regards

https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/meteor

@types/meteor is announced as deprecated and meteor-typings should be used.

meteor-rxjs switched in last version https://github.com/Urigo/meteor-rxjs/blob/master/CHANGELOG.md#047-2016-12-21 switched from meteor-typings to @types/meteor and references it directly

So what is currently the status here? The tutorial sais to install both meteor-typings and @types/meteor and to turn on typescript compiler option --skipLibCheck, but it does not explain what is going on here..

I tried to run the application on Android emulator (Nexus_5X, API 23) however, Accounts.requestPhoneVerification() API function did not give any response.
Furthermore, the same API function works on iOS emulator as expected.
Should I enable any configuration option on Android emulator?

Hi,

Thanks for this tutorial. Very cool.

I have encountered a few issues to get until the end. I am not familiar with PR but I share them here this might help someone.

It seems that in the latest Ionic beta, Alert, Modal and Popover have been replaced by AlertController, ModalController and PopoverController, see

Ionic v2 Docs

Cheers,

Alexis

I cloned the step-by-step-new branch
ionic serve works fine.
but whenever im trying to run ionic build ios or ionic emulate ios i get the below error

bash-3.2$ ionic emulate ios

Running 'emulate:before' npm script before emulate

> ionic-hello-world@ build /Users/internetbanking/projects/ionic2-meteor-messenger
> ionic-app-scripts build

[21:48:17]  ionic-app-scripts 0.0.39
[21:48:17]  build prod started ...
[21:48:17]  clean started ...
[21:48:17]  clean finished in 10 ms
[21:48:17]  copy started ...
[21:48:17]  ngc started ...
[21:48:17]  copy finished in 225 ms
[21:48:18]  lint started ...
[21:48:23]  lint finished in 4.34 s
[21:48:43]  ngc finished in 25.54 s
[21:48:43]  webpack started ...
[21:49:04]  webpack finished in 21.49 s
[21:49:04]  uglifyjs started ...
[21:49:04]  sass started ...
[21:49:06]  uglifyjs failed: SyntaxError: Unexpected token: name (Meteor)
[21:49:06]  ionic-app-script task: "build"
[21:49:06]  Error: SyntaxError: Unexpected token: name (Meteor)

Hello

I've used Meteor before plugged with Unity but I'm new to ionic 2 and Angular 2 and wanted to thank you for the great tutorial.

When I install meteor-client-bundler I then try to run npm run meteor-client:bundle after updating 'package.json' but I get this error I can't figure out. Could you please help?

`Error: spawnSync meteor ENOENT
at exports._errnoException (util.js:1022:11)
at spawnSync (child_process.js:461:20)
at Object.execFileSync (child_process.js:498:13)
at Object.bundle (C:\Users\hadrien\AppData\Roaming\npm\node_modules\meteor-client-bundler\bundler.js:38:3)
at Command. (C:\Users\hadrien\AppData\Roaming\npm\node_modules\meteor-client-bundler\cli:37:13)
at Command.listener (C:\Users\hadrien\AppData\Roaming\npm\node_modules\meteor-client-bundler\node_modules\commander\index.js:301:8)
at emitTwo (events.js:106:13)
at Command.emit (events.js:191:7)
at Command.parseArgs (C:\Users\hadrien\AppData\Roaming\npm\node_modules\meteor-client-bundler\node_modules\commander\index.js:615:12)
at Command.parse (C:\Users\hadrien\AppData\Roaming\npm\node_modules\meteor-client-bundler\node_modules\commander\index.js:458:21)

npm ERR! Windows_NT 10.0.14393
npm ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "run" "meteor-client:bundle"
npm ERR! node v6.9.5
npm ERR! npm v4.2.0
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! ionic-hello-world@ meteor-client:bundle: meteor-client bundle
npm ERR! Exit status 1`

I attached npm logs as well...

Many thanks in advance,
h

2017-02-02T10_35_13_342Z-debug.txt

Hi.
I prefer seeing raw code instead of doing tutorials (hopefully the code is human readable).
Is there a way to run the latest code that is on master?
What commands do I need to run?

My tries:

1. Tried ionic serve. Caused "ionic-app-scripts: not found". sudo npm install solved it. Got few UNMET PEER DEPENDENCY:

• UNMET PEER DEPENDENCY [email protected]
• UNMET PEER DEPENDENCY @angular/[email protected]
• UNMET PEER DEPENDENCY @angular/[email protected]

2. Tried again ionic serve. Server started OK. Went to http://localhost:8100. Got ReferenceError: Package is not defined on module.exports = Package["meteor"];.
3. Tried creating a peerDependencies section without luck. Same Package is not defined error when trying to http://localhost:8100.

Any ideas what's the configuration issue?
Has anyone tried running the project from a fresh clone?
Thanks.

Hi Urigo and others who have helped create this great tutorial and app

I'm going round and round trying to meet dependencies with the latest code.

in ~/meteor/Ionic2CLI-Meteor-WhatsApp
dev server running: http://localhost:8100/

├── UNMET PEER DEPENDENCY @angular/[email protected]
├── UNMET PEER DEPENDENCY @angular/[email protected]
├── [email protected]
├── UNMET PEER DEPENDENCY [email protected]
└── [email protected]

npm WARN [email protected] requires a peer of @angular/common@^2.3.1 but none was installed.
npm WARN [email protected] requires a peer of @angular/core@^2.3.1 but none was installed.
npm WARN [email protected] requires a peer of rxjs@^5.0.1 but none was installed.

meteor npm install --save meteor-rxjs sharp

=> Started MongoDB.
=> Started your app.

=> App running at: http://localhost:3000/

on localhost:8181

Runtime Error
Cannot find module "meteor-client"
Stack
Error: Cannot find module "meteor-client"
at webpackMissingModule (http://localhost:8100/build/main.js:142119:65)
at Object. (http://localhost:8100/build/main.js:142119:155)
at webpack_require (http://localhost:8100/build/main.js:20:30)
at http://localhost:8100/build/main.js:66:18
at http://localhost:8100/build/main.js:69:10
Ionic Framework: 2.0.0-rc.5
Ionic Native: 2.2.11
Ionic App Scripts: 1.0.0
Angular Core: 2.2.1
Angular Compiler CLI: 2.2.1
Node: 6.9.2
OS Platform: macOS Sierra
Navigator Platform: MacIntel
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/56.0.2924.87 Safari/537.36

so, another attempt at updating node_modules...

Gregs-iMac% rm -rf node_modules && npm install
npm WARN [email protected] requires a peer of @angular/common@^2.3.1 but none was installed.
npm WARN [email protected] requires a peer of @angular/core@^2.3.1 but none was installed.
npm WARN [email protected] requires a peer of rxjs@^5.0.1 but none was installed.

I deployed the Updated App on Ionic View, the Phone Number page appears, when I give the Phone Number and press Done, it does not do anything.

This configuration:

https://github.com/Urigo/Ionic2CLI-Meteor-WhatsApp/blob/master/manuals/views/step1.md#changed-tsconfigjson-1

So usage of Typescripts path mapping is not compatible with ionic app scripts, see:

ionic-team/ionic-app-scripts#126

Getting error on file location-message.ts line 47:
TS2339:Property 'platform' does not exist on type 'NewLocationMessageComponent'

In revision 610f50c (latest as of now) but on previous revisions as well.

Browser shows the error as well when navigating to http://localhost:8100/.

Hope I helped a bit.

Hi,
I'm planning to implement for my chat push notifications with one signal but I don't unterstand exactly how to do it efficiently. If app is in foreground, client is subscribed for new messages although server pushes notifications to the client. it doesn't matter because client is subscribed and new messages arrive anyway. But if app is in background ,subscription does not exist (in my opinion). New notification arrives and user clicks on it and goes to the app. New subscription has to be made to get messages from server.But new notification payload has already new message inside , it means new subscription will take more time to get newest message than read it from new notification payload.
Are my considerations correct or Did I miss something ?

Thanks for help :)

Hey, thanks for the tutorial! Everything's been working just fine while developing my application, however, when i decided to build it in production mode (for AOT compiling and other stuff), it always fails with error while building:

Error: Failed to find Angular bootstrapping code in C:/xampp/htdocs/PROJECT/src/app/main.ts. Please update C:/xampp/htdocs/PROJECT/src/app/main.ts to match the following: https://github.com/driftyco/ionic2-app-base/blob/master/src/app/main.ts

Here's how my main.ts looks:

import 'meteor-client-side';
import 'accounts-base-client-side';
import 'accounts-password-client-side';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app.module';

Meteor.startup(() => {
  platformBrowserDynamic().bootstrapModule(AppModule);
  Tracker.autorun(() => {
    if (Meteor.loggingIn()) return;
  });
});

Don't mind the tracker.autorun part - i'm using older version of angular2-meteor, but that is not related to the issue.

I'm trying to build for production using ionic build android --prod

step-1.md says to use "ionic server" to run the application. That is good, since this is a "Ionic CLI" based project/tutorial. But then suddenly step-5.md says to use "meteor run --settings settings.json". Guess this is to give the right settings.json to meteor, but cant you do that using "ionic serve"? If yes, I guess the step-5.md should tell about it.
I have tried with "meteor run --settings settings.json", but it does not work for me (I cd to api folder first). The application never starts. It says "Downloading [email protected]_3" and download seems to progress, but when the progress-bar reaches the end, it just continues saying "Downloading [email protected]_3" and nothing ever happens after that.

I pulled right know the newest version but I got Cannot find module "meteor-client"
Did I miss something ?
thank you
Best Regards
Michal

Hi,
I'm at 4 part of tutorial : Messages Page
And I got this error : https://nimbus.everhelper.me/client/notes/share/732505/7nt7pzk8b9h64bhsahvv

App works in dev environment:

git clone https://github.com/Urigo/Ionic2CLI-Meteor-WhatsApp.git
cd Ionic2CLI-Meteor-WhatsApp/
meteor npm install sharp
npm install
npm run meteor-client:bundle
npm run api
ionic serve

is fine, everything works..

But there are issues with the build for production:

npm run build --prod

[10:09:49]  ionic-app-scripts 1.0.0 
[10:09:49]  build prod started ... 
[10:09:49]  clean started ... 
[10:09:49]  clean finished in 13 ms 
[10:09:49]  copy started ... 
[10:09:49]  ngc started ... 
[10:09:58]  typescript: src/pages/chats/chats.ts, line: 41 
            Type 'Observable<Chat[]>' is not assignable to type 'Observable<Chat[]>'. Property 'source' is protected but 
            type 'Observable<T>' is not a class derived from 'Observable<T>'. 

      L40:  // Find chats and transform them
      L41:  return Chats.find().map(chats => {                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              
      L42:    chats.forEach(chat => {

[10:09:58]  typescript: src/pages/chats/new-chat.ts, line: 73 
            Type 'Observable<any>' is not assignable to type 'Observable<User[]>'. Property 'source' is protected but 
            type 'Observable<T>' is not a class derived from 'Observable<T>'. 

      L72:  // Find all belonging chats
      L73:  return Chats.find({                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 
      L74:    memberIds: this.senderId

[10:09:58]  ngc failed: Failed to transpile TypeScript 
[10:09:58]  ionic-app-script task: "build" 
[10:09:58]  Error: Failed to transpile TypeScript 
Error: Failed to transpile TypeScript
    at /abs/path/to//Ionic2CLI-Meteor-WhatsApp/node_modules/@ionic/app-scripts/dist/aot/aot-compiler.js:70:47
[10:09:49]  ionic-app-scripts 1.0.0 
[10:09:49]  build prod started ... 
[10:09:49]  clean started ... 
[10:09:49]  clean finished in 13 ms 
[10:09:49]  copy started ... 
[10:09:49]  ngc started ... 
[10:09:58]  typescript: src/pages/chats/chats.ts, line: 41 
            Type 'Observable<Chat[]>' is not assignable to type 'Observable<Chat[]>'. Property 'source' is protected but 
            type 'Observable<T>' is not a class derived from 'Observable<T>'. 

      L40:  // Find chats and transform them
      L41:  return Chats.find().map(chats => {                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              
      L42:    chats.forEach(chat => {

[10:09:58]  typescript: src/pages/chats/new-chat.ts, line: 73 
            Type 'Observable<any>' is not assignable to type 'Observable<User[]>'. Property 'source' is protected but 
            type 'Observable<T>' is not a class derived from 'Observable<T>'. 

      L72:  // Find all belonging chats
      L73:  return Chats.find({                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 
      L74:    memberIds: this.senderId

[10:09:58]  ngc failed: Failed to transpile TypeScript 
[10:09:58]  ionic-app-script task: "build" 
[10:09:58]  Error: Failed to transpile TypeScript 
Error: Failed to transpile TypeScript
    at /abs/path/to/Ionic2CLI-Meteor-WhatsApp/node_modules/@ionic/app-scripts/dist/aot/aot-compiler.js:70:47

Hi,

Just found about meteor through the ionic blog. It's a great tutorial and it's exciting to see what's possible to do. Thanks for sharing!

I'm trying to run the app and have done the following:

1. Launching the server from api folder with this command meteor
2. Launching the client from project root ionic serve

Both are launched and getting this messages on the cmd prompt

1. App running at: http://localhost:3000/
2. Running dev server: http://localhost:8100

The app is launched but I'm not able to pass the first phone validation screen. I'm inserting one of the admin phone number (+9721234567, +97212345678, +97212345679), I get the 'Confirm' alert but nothing happens when I click 'Yes'

Console shows the following message:
polyfills.js:1 GET http://localhost:8100/sockjs/info?cb=id2fj7qgyy 404 (Not Found)

Could this be a port issue because ionic app is running on http://localhost:8100 and meteor server is running on http://localhost:3000 ?
Any idea on how to solve this?

Hi,
I'm using tsconfig.json config and webpack of this project and I want to use ionic sass variable in one of my pages. I get after runnning ionic serve: Undefined variable "$...". is there problem with some tsconfig property ?

Thanks for any help

I was just following your tutorial and in step 2 you mentioned creating TypeScript Interfaces in src/models.ts but in you repository this file is missing

I cloned the repo and run

npm install
ionic serve

I tried the latest master and tag master-0.0.5 and both gave me the following error in client browser:

Runtime Error
Cannot find module "meteor-client"
Stack
Error: Cannot find module "meteor-client"
    at webpackMissingModule (http://localhost:8100/build/main.js:142119:65)
    at Object.<anonymous> (http://localhost:8100/build/main.js:142119:155)
    at __webpack_require__ (http://localhost:8100/build/main.js:20:30)
    at http://localhost:8100/build/main.js:66:18
    at http://localhost:8100/build/main.js:69:10
Ionic Framework: 2.0.0-rc.5
Ionic Native: 2.2.11
Ionic App Scripts: 1.0.0
Angular Core: 2.2.1
Angular Compiler CLI: 2.2.1
Node: 6.10.0
OS Platform: Windows 7
Navigator Platform: Win32
User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/56.0.2924.87 Safari/537.36

Love the tutorial and I am up to step 11 with everything working great, but my ultimate application is going to need a more traditional starting point with a "home" page and other authentication options such as password. I would like to continue using Meteor's account-base, but if I can't easily add password authentication and others (like FB) I may have to start over.

I am not so worried about how to move to a different starting home page, but I suspect that moving to the standard Meteor accounts-ui and accounts-password may not be as simple as api$ meteor add accounts-ui accounts-password and then adding the <login-buttons></login-buttons> directive to the home page.

Has anyone tried doing this yet?

Thanks for any advice or hints. I am going to try it and will report back on what happens.

I think new Ionic projects were change with this:
https://github.com/driftyco/ionic-app-scripts

Hi,

I'm trying to manage image upload, playing with jalik-ufs meteor package, if someone tested it, help would be appreciated, if an easier way exists, advices welcome.

Can't figure out how to install the module.

thanks.

When I run meteor on the api directory:

server/methods.ts (1, 24): Cannot find module 'meteor/meteor'.
server/methods.ts (3, 30): Cannot find module 'meteor/check'.
server/publications.ts (1, 24): Cannot find module 'meteor/meteor'.
server/publications.ts (2, 23): Cannot find module 'meteor/mongo'.
server/main.ts (1, 24): Cannot find module 'meteor/meteor'.
server/main.ts (4, 26): Cannot find module 'meteor/accounts-base'.

When I run ionic serve on the root directory:

I already did an npm install before doing all this.

Hi,
Is there any specific reason for not creating this project in TypeScript?

@Urigo @DAB0mB

Still missing (this is the order of work):

• Implement steps
• Merge camera [@DAB0mB]
• Merge maps [@dotansimha]
• Upload meteor-client to NPM [@DAB0mB]
• Upload hooks.d.ts to https://github.com/DefinitelyTyped/DefinitelyTyped [@DAB0mB]
• Add unit tests base (requires combining of jest, angular2, ionic2 and metoer-bundle, along with a transformer for TS and angular 2 templates, writing ionic2 providers mocks] [@dotansimha]
• Write client side unit tests with Jest
• Write server side unit tests with Mocha
• Add tslint and fix all lint errors [@dotansimha]
• Check and validate bitHound [@dotansimha]
• Split to commits with Tortilla [@dotansimha]
• Write instructions [@dotansimha]
• Publish new version of meteor-client [@Urigo]
• Fix TODO comments [@dotansimha]
• Review all by Dotan [@dotansimha]
• Review all by Eytan [@DAB0mB]
• Review all by Uri [@Urigo]
• Add screenshots [@dotansimha]
• Merge to master (and remove the merge/... branch) [@DAB0mB]
• Create tutorial on new website [@dotansimha]
• Website changes to support timeline of tutorial [@dotansimha]
• Deploy website with new tutorial [@dotansimha]

Future:

• Add more steps

This error after 9.Privacy and Security Page tutorial.

https://github.com/Urigo/Ionic2CLI-Meteor-WhatsApp/blob/master/src/pages/messages/messages.ts#L84

this.autoScroller = MeteorObservable.autorun().subscribe(() => {
      this.scroller.scrollTop = this.scroller.scrollHeight;
      this.messageEditor.focus();
});

this does not work. I'm new to RxJS and the meteor-rxjs layer, so I can't tell what is going on here now.
As I see it, there is no bug in setting the scrollTop itself, it' the right dom element. But it (the handler) does not get called (or not in the right context or maybe zone) as it should on every "change".

Can you please explain in the tutorial in "Step 1: Bootstraping" why there is need for the npm module "typescript-extends".

Who is setting where Typescript compiler option --noEmitHelpers=true so we need a definition of __extends function?

Further on, the project is allready including: tsickle
├─┬ @angular/[email protected]
│ └─┬ @angular/[email protected]
│ └── [email protected]

Which has such helpers: https://github.com/angular/tsickle/tree/master/third_party/typescript_helpers
https://github.com/angular/tsickle/blob/master/third_party/typescript_helpers/helpers.js

And also barbatus_typescript seems also to define such helpers.

Could you check if there is really the need for this or explain why exactly there is need for this:

  plugins: [
    ...
    new webpack.ProvidePlugin({
      __extends: 'typescript-extends'
    })
  ],

And we will need to install the following dependencies so the Webpack config can be registered properly:

$ npm install --save-dev typescript-extends

Hello,

I encountered this dependency problem while following the tutorial:

npm does not satisfy its siblings' peerDependencies requirements

npm install meteor-client-side --save installs the version 1.3.4 of meteor-client-side

npm install accounts-base-client-side and npm install accounts-phone (the NPM version) requires the version
"meteor-client-side": "~0.2.3"

I solved it by downloading a local copy of these packages and changed the dependency to 1.3.4 in bower.json.

It would be great to update them to the latest version.

Thanks,

Alexis

this is the error which i received in chatspage.ts. its releated to messages.

     Parameter 'messages' implicitly has an 'any' type.

      L24:  .startWith(null)
      L25:  .map(messages => {
      L26:    if (messages) chat.lastMessage = messages[0];

Also one more error is there in : C:/Users/BhatRitesh/Desktop/myProjects/whatsapp/api/declarations.d.ts
here it is showing error like this..
../src/declarations.d.ts

please solve bith these issues asap...i really want o complete this tut.
images conatins the image which i get on ionic serve

At the end of the step 7 of the new tutorial, I tried to run the app as follows (FWIW, I am not sure how to use the "api" script added in step 7.3)

api$ meteor run --settings private/settings.json
$ ionic serve

Aside from the meteor message below, everything starts a looks fine on the CLI

A patch (Meteor 1.4.2.6) for your current release is available!
   Update this project now with 'meteor update --patch'.

However, when I open a browser window to "localhost:8100" I get the following ionic error report:

Runtime Error
meteor_1.Meteor.loggingIn is not a function
Stack
TypeError: meteor_1.Meteor.loggingIn is not a function
    at SafeSubscriber._next (http://localhost:8100/build/main.js:180019:29)
    at SafeSubscriber.__tryOrSetError (http://localhost:8100/build/main.js:5609:16)
    at SafeSubscriber.next (http://localhost:8100/build/main.js:5551:27)
    at Subscriber._next (http://localhost:8100/build/main.js:5502:26)
    at Subscriber.next (http://localhost:8100/build/main.js:5466:18)
    at http://localhost:8100/build/main.js:166342:77
    at Array.forEach (native)
    at http://localhost:8100/build/main.js:166342:31
    at t.invoke (http://localhost:8100/build/polyfills.js:3:9094)
    at e.run (http://localhost:8100/build/polyfills.js:3:6481)
Ionic Framework: 2.0.0
Ionic Native: 2.4.1
Ionic App Scripts: 1.0.0
Angular Core: 2.2.1
Angular Compiler CLI: 2.2.1
Node: 7.4.0
OS Platform: Linux 4.8
Navigator Platform: Linux x86_64
User Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.75 Safari/537.36

I have confirmed I installed accounts-base on the server and I re-ran "$ npm run meteor-client:bundle" to make sure the client meteor was up to date.

I am just starting in javascript, Meteor, Ionic and npm packaging so please ignore me if this makes no sense, but it looks to me like the "meteor-client-bundler" module should include accounts-base (and possibly the other account modules like mys:accounts-phone) so the client can find Meteor.loggingIn ? And I assume I can add these modules by adding them to the import block of ./meteor-client.config.json and re-running "$ npm run meteor-client:bundle" ?

If the above is correct, I will be happy to submit a PR for it.

Thanks again for this amazing tutorial.

Hi, how to execute the equivalent command in windows cmd.

I have implemented this tutorial successfully. It runs perfect on browser. Now I build this application for android/ios. But when I launch the app on mobile it shows a while blank screen for 5 seconds after the cordova splash screen, and then the main app login screen appears. I want to know if this is some bug or this app is so heavy that its taking the loading time? Or else is there anyway i can debug this, to check if there is some error in the build?

The webpack.config.js file of @ionic/[email protected] has been changed significantly by Ionic and I can't make it work with this repo. I reverted back to @ionic/[email protected] (with the latest modification from issue #18) and the build process worked fine again.

Hi,

i have fallowed the steps as in https://angular-meteor.com/tutorials/whatsapp2/ionic/meteor-server-side.

but after setting up realtime meteor server with mongo DB data is not loading and,
Console shows the following error(which is continuously hitting):

_

Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:3000/sockjs/info?cb=8gic9r08wc

_

im running the ionic server on port 3000 which will be same for meteor(api)

Any idea whats the reason for this issue

Hi,
If I run npm run api , I got this error on meteor
Error: Module version mismatch. Expected 46, got 48.

Thanks
Beste Regards
Michal

Great tutorial! It would be interesting to know how to integrate Facebook authentication in this Ionic/Meteor setup (Ionic CLI). My efforts failed, it's kind of tricky.

Following lines in the tutorials "Stop 1: Bootstrapping", see code block below, were true only before I think somewhere around this: ionic-team/ionic-app-scripts@09bc511

It was announced here: http://blog.ionic.io/ionic-build-process-updates/

And in the current documentation of ionic-app-scripts, bundler ionic_bundler --bundler webpack, default bundler is webpack. As so is here: https://github.com/driftyco/ionic-app-scripts/blob/v1.1.4/src/util/config.ts#L386
since ionic-app-scripts 0.0.40: https://github.com/driftyco/ionic-app-scripts/blob/v0.0.40/src/util/config.ts#L181

In order to apply `TypeScript`, `Ionic`'s build system is built on top of a module bundler called [Rollup](http://rollupjs.org/).

In this tutorial we will use a custom build-config, and replace `Rollup` with [Webpack](https://webpack.github.io). Both module-bundlers are great solutions for building our app, but `Webpack` provides us with some extra features like aliases and custom module-loaders which are crucial ingredients for our app to work properly.

## Ionic 2 + Webpack

The first thing we gonna do would be telling Ionic that we're using `Webpack` as our module-bundler. To specify it, add the following field in the `package.json` file:

Hi, nice work.. I tried to run your app on my windows computer by running ionic serve -l , after installing ionic2, cordova and running npm install, I keep getting this error in my browser debugging console

EXCEPTION: Error: Uncaught (in promise): EXCEPTION: Error in ./ChatsPage class ChatsPage_Host - inline template:0:0 ORIGINAL EXCEPTION: ReferenceError: check is not defined ORIGINAL STACKTRACE: ReferenceError: check is not defined at Function.DataObserver.pushCb (http://localhost:8100/build/js/app.bundle.js:96331:10) at ChatsPage.MeteorComponent._prepArgs (http://localhost:8100/build/js/app.bundle.js:96304:53) at ChatsPage.MeteorComponent.subscribe (http://localhost:8100/build/js/app.bundle.js:96236:24) at new ChatsPage (http://localhost:8100/build/js/app.bundle.js:96949:29) at DebugAppView._View_ChatsPage_Host0.createInternal (ChatsPage.template.js:16:25) at DebugAppView.AppView.create (http://localhost:8100/build/js/app.bundle.js:15836:22) at DebugAppView.create (http://localhost:8100/build/js/app.bundle.js:16048:45) at ComponentFactory.create (http://localhost:8100/build/js/app.bundle.js:10195:37) at http://localhost:8100/build/js/app.bundle.js:61176:50 at http://localhost:8100/build/js/app.bundle.js:118:195 ERROR CONTEXT: [object Object]

Hi,

Thanks for this great tutorial.
Could you explain a little more in details how to connect to the deployed meteor server?

I have created a global object at the top of app.ts

var __meteor_runtime_config__ = { DDP_DEFAULT_CONNECTION_URL: 'api.server.com' };

but I cannot establish connection ERR_CONNECTION_REFUSED, tried also

__meteor_runtime_config__ = {}; __meteor_runtime_config__.DDP_DEFAULT_CONNECTION_URL = 'api.server.com';

but then I get a typescript error.

I could not a find a clear explanation elsewhere.

Many thanks,

Alexis