Tags of Ionic4 not working

Ionic Framework
1

In the docs of Ionic4 beta, the button tag is <ion-button>(Name)</ion-button>, but when i use this in my ionic project, not works. This is my code:

<ion-button>Login</ion-button>
    <h3>Or</h3>
    <ion-button>Sign up</ion-button>

Error:
‘ion-button’ is not a known element:

  1. If ‘ion-button’ is an Angular component, then verify that it is part of this module.
  2. If ‘ion-button’ is a Web Component then add ‘CUSTOM_ELEMENTS_SCHEMA’ to the ‘@NgModule.schemas’ of this component to suppress this message.

My package.json:

{
  "name": "izy-restaurante",
  "version": "0.0.1",
  "author": "Ionic Framework",
  "homepage": "http://ionicframework.com/",
  "private": true,
  "scripts": {
    "start": "ionic-app-scripts serve",
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "lint": "ionic-app-scripts lint",
    "cypress:open": "cypress open",
    "compodoc": "./node_modules/.bin/compodoc -p tsconfig.json -o -s"
  },
  "dependencies": {
    "@angular/animations": "5.2.11",
    "@angular/common": "5.2.11",
    "@angular/compiler": "5.2.11",
    "@angular/compiler-cli": "5.2.11",
    "@angular/core": "5.2.11",
    "@angular/forms": "5.2.11",
    "@angular/http": "5.2.11",
    "@angular/platform-browser": "5.2.11",
    "@angular/platform-browser-dynamic": "5.2.11",
    "@ionic-native/core": "~4.12.0",
    "@ionic-native/splash-screen": "~4.12.0",
    "@ionic-native/status-bar": "~4.12.0",
    "@ionic/storage": "2.1.3",
    "ionic-angular": "3.9.2",
    "ionicons": "3.0.0",
    "rxjs": "^6.2.2",
    "rxjs-compat": "^6.2.2",
    "sw-toolbox": "3.6.0",
    "zone.js": "0.8.26"
  },
  "devDependencies": {
    "@ionic/app-scripts": "3.2.0",
    "cypress": "^3.1.0",
    "typescript": "~2.6.2"
  },
  "description": "An Ionic project"
}

Anyone can help me?

Thanks, Caio Domingos

2

It is because you are building an Ionic 3 app.

Make use you append --type=angular to your ionic start command, otherwise it will default to Ionic 3.

1 Like