Skip to main content

Inonic 2 Not running on Visual studio 2015


Even i faced this issue for Ionic2 application.

When i tried to run the application in ripple browser it was telling "You're almost ready! If you're seeing this page, then you still need to install the NPM Task Runner extension for Visual Studio and run this app again. You can download the extension from:". I struggled a lot to resolve the issue i was using visual studio 2015 Update3.

Finally i got a solution issue was with ionic "@ionic/app-scripts". To resolve the issue i fallowed the below steps.

1] execute command "npm uninstall -g ionic" in Command Prompt.
2] Update the version of @ionic/app-scripts to 1.1.4 i.e "@ionic/app-scripts": "1.1.4" in package.json file and Save the file.
3] execute command "npm install -g ionic" in Command Prompt. it will give some warning don't need to wary about it.
4] again i have done Restore Packages by right clicking on the packages.json file.
5] next go to view menu in the visual studio and select other windows from there select Task Runner Explorer.
6] Right Click on ionic:build select Binding > Before Build(it will make the all the ionic component to build first before deploying to www directory.
Make sure you have deleted the node_module folder before starting these steps. That's all everything got set to me application started working fine.
I hope it will help some one.

Second solution is instead black project take sidemenu project even if you fail do the above mentioned steps and restart the visual studio and create new project with sidemenu it will work fine.

Comments

Post a Comment

Popular posts from this blog

Making Cross Enable for webAPI1

Hi All,       I was working on webAPI1 when ever i tried to access that API from other domain it was not working. To fix that issue we have created new class called CrossHandler.cs Below is the code which is present in the CrossHandler.cs  public class CorsHandler : DelegatingHandler     {         const string Origin = "Origin";         const string AccessControlRequestMethod = "Access-Control-Request-Method";         const string AccessControlRequestHeaders = "Access-Control-Request-Headers";         const string AccessControlAllowOrigin = "Access-Control-Allow-Origin";         const string AccessControlAllowMethods = "Access-Control-Allow-Methods";         const string AccessControlAllowHeaders = "Access-Control-Allow-Headers";         protected override Task<HttpResponseMessage> SendAsync(HttpRequestMessage request, CancellationToken cancellationToken)         {             bool isCorsRequest =
3 comments
Read more

Ionic 3 Payment gateway integration(HDFC)

Ionic payment gateway provides a payment transaction by the transfer of information between mobile application and the acquiring bank. Below are the steps followed to integrate bank payment gateway with ionic3 application:- Step1:- Install the Cordova and Ionic Native plugins $ ionic cordova plugin add cordova-plugin-inappbrowser $ npm install –save @ionic-native/in-app-browser Step2:- Get the hash key (provides added security to the payment) from server Step3:-Create html page in WWW folder(redirect.html). This html page should contain an empty form with an id. We use this html page to submit to the payment gateway. Step4:-From form, load string to html tags, it should be in the format of how we submit to the payment gateway.  Step5:-Import inappbrowser  to app.module.ts import { InAppBrowser } from '@ionic-native/in-app-browser' ; and include it in @NgModule’s providers array. Step6:-Import inappbrowser in checkout page and add this in const
12 comments
Read more

Ionic 3 Sqllite connection setup

It is too simple thing to set up the local db connection for local storage in ionic. But why am i writing blog for simple thing? Because we make complex with the simple thing only! i myself made complex with this simple thing. To setup the environment for sqllite please fallow  here . Document which will be updated as and when the new version of the Ionic get published.  Document showed the following steps when i referred it. Install the Cordova and Ionic Native plugins: $ ionic cordova plugin add cordova-sqlite-storage $ npm install --save @ionic-native/sqlite Usage import { SQLite, SQLiteObject } from '@ionic-native/sqlite' ; constructor (private sqlite: SQLite) { } ... this .sqlite.create({ name: 'data.db' , location: 'default' }) .then((db: SQLiteObject) => { db.executeSql( 'create table danceMoves(name VARCHAR(32))' , {}) .then(() => console .log( 'Executed SQL' )) .catch(e => console .log(
2 comments
Read more