我是 Angular 和 Ionic 的新手。我正在使用
"@angular/forms": "^4.3.1"
“ ionic Angular ”:“^3.5.3”
我已经安装了 ionic-angular 和 @angular/forms 包。我收到以下错误消息。
Unhandled Promise rejection: Template parse errors:
'ion-card-header' is not a known element:
1. If 'ion-card-header' is an Angular component, then verify that it is part of this module.
2. If 'ion-card-header' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
<ion-card>
[ERROR ->]<ion-card-header>
Header
</ion-card-header>
任何关于如何修复的想法都将不胜感激。
我已将 放入,它也开始提示 。请看下图。
当我运行“ionic info”时。我在终端中收到以下消息。
$ ionic info
[WARN] You are not in an Ionic project directory. Project context may be
missing.
global packages:
@ionic/cli-utils : 1.5.0
Ionic CLI : 3.5.0
System:
Node : v6.11.1
OS : Windows 10
Xcode : not installed
ios-deploy : not installed
ios-sim : not installed
npm : 3.10.10
基本上我正在制作一个库,我将在其中拥有所有需要的组件,然后我将在一个单独的项目中使用这些组件。
"dependencies": {
"@angular/forms": "^4.3.1",
"ionic-angular": "^3.5.3",
"ionicons": "^3.0.0"
},
"peerDependencies": {
"@angular/common": "^4.0.0",
"@angular/core": "^4.0.0"
},
"devDependencies": {
"@angular/common": "^4.0.0",
"@angular/compiler": "^4.0.0",
"@angular/compiler-cli": "^4.0.0",
"@angular/core": "^4.0.0",
"@angular/platform-browser": "^4.0.0",
"@angular/platform-browser-dynamic": "^4.0.0",
"@compodoc/compodoc": "^1.0.0-beta.9",
"@types/jasmine": "^2.5.47",
"@types/karma": "^0.13.35",
"@types/node": "^7.0.18",
"@types/webpack": "^2.2.15",
"@types/webpack-env": "^1.13.0",
"angular2-template-loader": "^0.6.2",
"awesome-typescript-loader": "^3.1.3",
"codecov": "^2.2.0",
"codelyzer": "^3.0.1",
"concurrently": "^3.4.0",
"css-loader": "^0.28.1",
"gh-pages": "^1.0.0",
"gulp": "^3.9.1",
"gulp-inline-ng2-template": "^4.0.0",
"istanbul-instrumenter-loader": "^2.0.0",
"jasmine-core": "^2.6.1",
"json-loader": "^0.5.4",
"karma": "^1.7.0",
"karma-chrome-launcher": "^2.1.1",
"karma-coverage-istanbul-reporter": "^1.2.1",
"karma-jasmine": "^1.1.0",
"karma-mocha-reporter": "^2.2.3",
"karma-sourcemap-loader": "^0.3.7",
"karma-webpack": "^2.0.3",
"node-sass": "^4.5.2",
"raw-loader": "^0.5.1",
"rimraf": "2.6.1",
"rxjs": "^5.3.1",
"sass-loader": "^6.0.5",
"source-map-explorer": "^1.3.3",
"to-string-loader": "^1.1.5",
"ts-node": "^3.0.4",
"tslint": "^5.2.0",
"typescript": "2.4.0",
"webpack": "^2.5.1",
"webpack-angular-externals": "^1.0.2",
"webpack-rxjs-externals": "^1.0.0",
"zone.js": "^0.8.10"
}
我是 ionic 和 angular 的新手。
最佳答案
从你上面的代码来看,你错过了关闭你的 ionic 卡。
<ion-card>
<ion-card-header>
</ion-card-header>
</ion-card>
更新 1:
我在您的代码中看到的问题数量,
选择器应与您的 .ts 文件同名
@Component({
selector: 'ionic-test.component',
templateUrl: 'ionic-test.component.html'
})
确保您的组件标签位于 ion-content 内。例如,
<ion-content>
<ion-grid>
<ion-row> </ion-row>
<ion-row> </ion-row>
</ion-grid>
<ion-card>
<ion-card-header>
</ion-card-header>
</ion-card>
</ion-content>
尝试将您的 .scss 移动到 ion-content 并将 .scss 名称更改为不同的名称。
<ion-content class="ionic-test.component.styles">
</ion-content>
还要确保 .ts、.html、.scss 文件位于同一根文件夹中
更新 2:
根据您最近的编辑可能出现的错误,
您没有创建包含所有库的 node_modules 文件夹,请在终端中转到您的项目根目录并运行以下命令。它将安装您的 package.json 文件中的所有模块。
npm 安装
注意:要查看是否安装了 package.json 文件中的节点模块,只需在终端中转到项目根目录即可运行以下命令
npm info
- 创建 ionic 项目时,您没有遵循正确的步骤,请按照 ionic documentation 中的步骤进行操作并按照概述创建一个新项目,看看它是否有效
关于angular - ionic 卡不是已知元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45344608/