angular – 如果’ng-template’是Web组件,则在此组件的“CUSTOM

发布时间：2020-12-17 17:59:09 所属栏目：安全来源：网络整理

导读：zone.js@0.6.25?main=browser:355 Unhandled Promise rejection: Template parse errors: ‘ng-template’ is not a known element: 1. If ‘ng-template’ is an Angular component,then verify that it is part of this module. 2. If ‘ng-template’ is

zone.js@0.6.25?main=browser:355 Unhandled Promise rejection: Template parse errors:
‘ng-template’ is not a known element:
1. If ‘ng-template’ is an Angular component,then verify that it is part of this module.
2. If ‘ng-template’ is a Web Component then add “CUSTOM_ELEMENTS_SCHEMA” to the ‘@NgModule.schemas’ of this component to suppress this message. (“[ERROR ->] ; Task: Promise.then ; Value: Error: Template parse errors:
‘ng-template’ is not a known element:

我在我的App.module.ts中应用了这个FIX：

import { NgModule,CUSTOM_ELEMENTS_SCHEMA,NO_ERRORS_SCHEMA}  from '@angular/core';


@NgModule({
    imports: [
        BrowserModule,FormsModule,ReactiveFormsModule,HttpModule,JsonpModule,CKEditorModule,Ng2DatetimePickerModule,Ng2DragDropModule,DragulaModule,ModalModule.forRoot(),MaterialModule.forRoot(),BootstrapModalModule,RouterModule.forRoot(appRoutes,{useHash: true})
    ],declarations: [something
    ],providers: [],bootstrap: [AppComponent],schemas: [ CUSTOM_ELEMENTS_SCHEMA,NO_ERRORS_SCHEMA ]
})

PACKAGES.JSON

"dependencies": {
    "@angular/common": "2.2.1","@angular/compiler": "2.2.1","@angular/core": "2.2.1","@angular/forms": "2.2.1","@angular/http": "2.2.1","@angular/platform-browser": "2.2.1","@angular/platform-browser-dynamic": "2.2.1","@angular/router": "3.2.1","bootstrap": "^3.3.7","core-js": "^2.4.1","jquery": "~3.1.1","rxjs": "5.0.0-beta.12","ts-helpers": "^1.1.1","zone.js": "^0.6.23"
  },"devDependencies": {
    "@angular/compiler-cli": "2.2.1","@types/jasmine": "2.5.38","@types/node": "^6.0.42","angular-cli": "1.0.0-beta.21","codelyzer": "~1.0.0-beta.3","jasmine-core": "2.5.2","jasmine-spec-reporter": "2.5.0","karma": "1.2.0","karma-chrome-launcher": "^2.0.0","karma-cli": "^1.0.1","karma-jasmine": "^1.0.2","karma-remap-istanbul": "^0.2.1","protractor": "4.0.9","ts-node": "1.2.1","tslint": "3.13.0","typescript": "~2.0.3","webdriver-manager": "10.2.5"
  }

即使在此之后它也无法正常工作.

解决方法

>更新angular-cli： https://github.com/angular/angular-cli/wiki/stories-1.0-update
>更新打字稿和可选的@angular包.你的包裹非常落后,最重要的是angular-cli,所以要做好准备.

>我的核心包：

dependecies: {
  "@angular/animations": "^4.0.2","@angular/common": "^2.3.1","@angular/compiler": "^2.3.1","@angular/compiler-cli": "^2.4.10","@angular/core": "^2.3.1","@angular/forms": "^2.3.1","@angular/http": "^2.3.1","@angular/material": "^2.0.0-beta.3","@angular/platform-browser": "^2.3.1","@angular/platform-browser-dynamic": "^2.3.1","@angular/platform-server": "^4.0.0","@angular/router": "^3.3.1"
}
devDependencies: {
  "@angular/cli": "^1.0.0","typescript": "^2.2.2"
}

> npm install @ angular / material&& npm install hammerjs –save

>在angular-cli.json中添加/node_modules/hammerjs/hammer.js

> MaterialModuleis已弃用https://github.com/angular/material2/releases

>将单个模块导入app.module,然后相应地导出,然后只需将标签添加到html

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!