No more default style in ionic2

Ionic Framework ionic-v3
1

Hello Everyone,

I tried to build an app in ionic 1 and it was really easy to add default style with all the doc I found on doc v1.
But I wanted to start with ionic2 and benefit of angular 2.

My version of node is: 4.6.0
My version of npm is: 3.10.9
My version of cordova is: 6.3.1
My version of ionic is : 2.1.0 => I installed it just by doing npm install -g ionic (but I saw that some @Beta are used sometime
My CLI version is: 3.9.1

I created a default app using:
ionic start newproject --v2

Everything look there it is wonderful the usage of typescript etc.
However when I do an ionic serve I arrive on an horrible default page without any color.

<button class="button button-positive">
button-positive
</button>
OR
<ion-buttons>
      <button full (click)="dismiss(1)">
          <ion-icon name="close"></ion-icon>
      </button>
  </ion-buttons>

But when I put such a button I have a crappy

image

I did not do anything except using the default tabs ionic2 and creating a button.
Do you maybe now what happen??

Here is my ionic.config.json
{
“name”: “newproject”,
“app_id”: “”,
“v2”: true,
“typescript”: true
}

And my packages.json

{
“name”: “ionic-hello-world”,
“author”: “Ionic Framework”,
“homepage”: “http://ionicframework.com/”,
“private”: true,
“scripts”: {
“build”: “ionic-app-scripts build”,
“watch”: “ionic-app-scripts watch”,
“serve:before”: “watch”,
“emulate:before”: “build”,
“deploy:before”: “build”,
“build:before”: “build”,
“run:before”: “build”
},
“dependencies”: {
“ionic-angular”: “^2.0.0-rc.0”,
“ionicons”: “^3.0.0”,
“@ionic/storage”: “^1.0.3”,
“ionic-native”: “^2.0.3”
},
“devDependencies”: {
“@ionic/app-scripts”: “latest”,
“typescript”: “^2.0.3”
},
“description”: “newproject: An Ionic project”,
“cordovaPlugins”: [
“cordova-plugin-device”,
“cordova-plugin-console”,
“cordova-plugin-whitelist”,
“cordova-plugin-splashscreen”,
“cordova-plugin-statusbar”,
“ionic-plugin-keyboard”
],
“cordovaPlatforms”:
}

Please help me!!

:slight_smile:

Thanks in advance guys

2

Read the docs

3

Thanks In fact I found. I wanted to put a comment to say it was ok with the new doc :wink:

4

At least tell us where to look at in the docs, and copy paste a snippet of the answer here - how did you solve your problem ?

1 Like