No more default style in ionic2

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 full (click)="dismiss(1)">
          <ion-icon name="close"></ion-icon>

But when I put such a button I have a crappy


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”: “”,
“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”: [

Please help me!!


Thanks in advance guys

Read the docs

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

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