bradtraversy / iweather

Ionic 3 mobile weather app

iWeather Ionic 3 Weather App

This is an Ionic 3 application that uses the wunderground api to report weather and stores location info in Ionic storage

Version

1.0.0

Usage

Installation

Install the dependencies

$ npm install

Serve

To serve in the browser

$ ionic serve

To Add Platforms

$ cordova platform add android
$ cordova platform add ios

Run Platforms

To run in avd

$ ionic run android
$ ionic run ios

Build Android APK File

To build APK file to output folder

$ ionic build android

iweather's Issues

when i tried to start showing NgModule issue

[20:23:24] ionic-app-script task: "serve"
[app-scripts] [20:23:24] Error: C:\ionicproject\iweather\src\pages\home\home.ts has a @IonicPage decorator, but it does not have a
[app-scripts] corresponding "NgModule" at C:\ionicproject\iweather\src\pages\home\home.module.ts
[app-scripts] Error: C:\ionicproject\iweather\src\pages\home\home.ts has a @IonicPage decorator, but it does not have a corresponding "NgModule" at C:\ionicproject\iweather\src\pages\home\home.module.ts
[app-scripts] at new BuildError (C:\ionicproject\iweather\node_modules@ionic\app-scripts\dist\util\errors.js:16:28)
[app-scripts] at C:\ionicproject\iweather\node_modules@ionic\app-scripts\dist\preprocess.js:18:21

Uncaught (in promise): TypeError: _this.weatherProvider.getWeather is not a function

Error: Uncaught (in promise): TypeError: _this.weatherProvider.getWeather is not a function
TypeError: _this.weatherProvider.getWeather is not a function
at http://localhost:8100/build/main.js:195:35
at t.invoke (http://localhost:8100/build/polyfills.js:3:14976)
at Object.onInvoke (http://localhost:8100/build/vendor.js:4982:33)
at t.invoke (http://localhost:8100/build/polyfills.js:3:14916)
at r.run (http://localhost:8100/build/polyfills.js:3:10143)
at http://localhost:8100/build/polyfills.js:3:20242
at t.invokeTask (http://localhost:8100/build/polyfills.js:3:15660)
at Object.onInvokeTask (http://localhost:8100/build/vendor.js:4973:33)
at t.invokeTask (http://localhost:8100/build/polyfills.js:3:15581)
at r.runTask (http://localhost:8100/build/polyfills.js:3:10834)
at c (http://localhost:8100/build/polyfills.js:3:19752)
at http://localhost:8100/build/polyfills.js:3:20273
at t.invokeTask (http://localhost:8100/build/polyfills.js:3:15660)
at Object.onInvokeTask (http://localhost:8100/build/vendor.js:4973:33)
at t.invokeTask (http://localhost:8100/build/polyfills.js:3:15581)
at r.runTask (http://localhost:8100/build/polyfills.js:3:10834)
at o (http://localhost:8100/build/polyfills.js:3:7894)
at e.invokeTask [as invoke] (http://localhost:8100/build/polyfills.js:3:16823)
at p (http://localhost:8100/build/polyfills.js:2:27648)
at IDBRequest.v (http://localhost:8100/build/polyfills.js:2:27893)
Ionic Framework: 3.9.2
Ionic App Scripts: 3.1.8
Angular Core: 5.0.3
Angular Compiler CLI: 5.0.3
Node: 6.11.1
OS Platform: Windows 10
Navigator Platform: Win32
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.

Cannot read property 'city' of undefined

Hi guys!

I'm currently having some trouble, city is undefined.
core.js:1350 ERROR TypeError: Cannot read property 'city' of undefined at HomePage.webpackJsonp.80.HomePage.ionViewWillEnter (home.ts:36) at ViewController._lifecycle (view-controller.js:486) at ViewController._willEnter (view-controller.js:384) at Tab.NavControllerBase._willEnter (nav-controller-base.js:780) at nav-controller-base.js:673 at t.invoke (polyfills.js:3) at Object.onInvoke (core.js:4629) at t.invoke (polyfills.js:3) at r.run (polyfills.js:3) at NgZone.run (core.js:4446)

I followed the tutorial and checked line by line.
I can't find a solution.

Thanks in advance.

When i am trying to serve it is throwing this error

[WARN] Detected locally installed Ionic CLI, but it's too old--using global CLI.

ionic-app-scripts.cmd serve --address localhost --port 8001 --livereload-port 35729 --dev-logger-port 53703 --nobrowser
[app-scripts] internal/modules/cjs/loader.js:583
[app-scripts] throw err;
[app-scripts] ^
[app-scripts] Error: Cannot find module 'C:\Users\kiran.revally\Downloads\iweather-master\iweather-master\node_modules@ionic\app-scripts\bin\ionic-app-scripts.js'
[app-scripts] at Function.Module._resolveFilename (internal/modules/cjs/loader.js:581:15)
[app-scripts] at Function.Module._load (internal/modules/cjs/loader.js:507:25)
[app-scripts] at Function.Module.runMain (internal/modules/cjs/loader.js:742:12)
[app-scripts] at startup (internal/bootstrap/node.js:283:19)
[app-scripts] at bootstrapNodeJSCore (internal/bootstrap/node.js:743:3)

[ERROR] ionic-app-scripts has unexpectedly closed (exit code 1).

    The Ionic CLI will exit. Please check any output above for error details.

X-XSRF-TOKEN is not allowed

Hello friends, i am facing this issue,please help me. XMLHttpRequest cannot load http://api.wunderground.com/api/apitoken/conditions/q/FL/Miami.json. Request header field X-XSRF-TOKEN is not allowed by Access-Control-Allow-Headers in preflight response.

throws error in the ionic serve run time.....

[WARN] Detected locally installed Ionic CLI, but it's too old--using global CLI.

ionic-app-scripts.cmd serve --address localhost --port 8101 --livereload-port 35730 --dev-logger-port 53704 --nobrowser
[app-scripts] [17:00:32] ionic-app-scripts 3.2.4
[app-scripts] [17:00:32] watch started ...
[app-scripts] [17:00:32] build dev started ...
[app-scripts] [17:00:32] clean started ...
[app-scripts] [17:00:32] clean finished in 4 ms
[app-scripts] [17:00:32] copy started ...
[app-scripts] [17:00:32] deeplinks started ...
[app-scripts] [17:00:32] ionic-app-script task: "serve"
[app-scripts] [17:00:32] Error: E:\ionic\weather\iweather-master\src\pages\home\home.ts has a @IonicPage decorator, but it does not
[app-scripts] have a corresponding "NgModule" at E:\ionic\weather\iweather-master\src\pages\home\home.module.ts
[app-scripts] Error: E:\ionic\weather\iweather-master\src\pages\home\home.ts has a @IonicPage decorator, but it does not have a corresponding "NgModule" at E:\ionic\weather\iweather-master\src\pages\home\home.module.ts
[app-scripts] at new BuildError (E:\ionic\weather\iweather-master\node_modules@ionic\app-scripts\dist\util\errors.js:16:28)
[app-scripts] at E:\ionic\weather\iweather-master\node_modules@ionic\app-scripts\dist\deep-linking.js:57:21

[ERROR] ionic-app-scripts has unexpectedly closed (exit code 1).