कोणीय सामग्री

Question

का उपयोग कर त्रुटि प्रकार प्राप्त करना मैं कोणीय के लिए नया हूं और कोणीय सामग्री स्थापित कर चुका हूं। मैं datepicker के लिए कोशिश की है और इसके लिए मुझे इस त्रुटि दिखा:

MdInputContainer.html:1 ERROR TypeError: this.engine.setProperty is not a function 
    at AnimationRenderer.webpackJsonp.../../../platform-browser/@angular/platform-browser/animations.es5.js.AnimationRenderer.setProperty (animations.es5.js:502) 
    at DebugRenderer2.webpackJsonp.../../../core/@angular/core.es5.js.DebugRenderer2.setProperty (core.es5.js:13781) 
    at setElementProperty (core.es5.js:9443) 
    at checkAndUpdateElementValue (core.es5.js:9362) 
    at checkAndUpdateElementInline (core.es5.js:9296) 
    at checkAndUpdateNodeInline (core.es5.js:12375) 
    at checkAndUpdateNode (core.es5.js:12321) 
    at debugCheckAndUpdateNode (core.es5.js:13182) 
    at debugCheckRenderNodeFn (core.es5.js:13161) 
    at Object.eval [as updateRenderer] (MdInputContainer.html:1) 

app.module.ts

import { BrowserModule } from '@angular/platform-browser'; 
import {BrowserAnimationsModule} from '@angular/platform-browser/animations'; 
import { NgModule } from '@angular/core'; 
import { FormsModule, ReactiveFormsModule } from '@angular/forms'; 
import { HttpModule } from '@angular/http'; 
import {AppRoutingModule} from './app-routing.module'; 
import { NavigationComponent } from './navigation/navigation.component'; 
import { HomeComponent } from './home/home.component'; 
import { EditComponent } from './edit/edit.component'; 
import { AddComponent } from './add/add.component'; 
import { ShowComponent } from './show/show.component'; 
import { EmpService } from './emp.service'; 
import 'hammerjs'; 
import { AppComponent } from './app.component'; 

import { 
    MdAutocompleteModule, 
    MdButtonModule, 
    MdButtonToggleModule, 
    MdCardModule, 
    MdCheckboxModule, 
    MdChipsModule, 
    MdCoreModule, 
    MdDatepickerModule, 
    MdDialogModule, 
    MdExpansionModule, 
    MdGridListModule, 
    MdIconModule, 
    MdInputModule, 
    MdListModule, 
    MdMenuModule, 
    MdNativeDateModule, 
    MdPaginatorModule, 
    MdProgressBarModule, 
    MdProgressSpinnerModule, 
    MdRadioModule, 
    MdRippleModule, 
    MdSelectModule, 
    MdSidenavModule, 
    MdSliderModule, 
    MdSlideToggleModule, 
    MdSnackBarModule, 
    MdSortModule, 
    MdTableModule, 
    MdTabsModule, 
    MdToolbarModule, 
    MdTooltipModule, 
} from '@angular/material'; 

import {CdkTableModule} from '@angular/cdk'; 

@NgModule({ 
    declarations: [ 
    AppComponent, 
    NavigationComponent, 
    HomeComponent, 
    EditComponent, 
    AddComponent, 
    ShowComponent 

    ], 
    imports: [ 
    BrowserModule, 
    BrowserAnimationsModule , 
    MdDatepickerModule, 
    MdNativeDateModule, 
    MdInputModule, 
    FormsModule, 
    ReactiveFormsModule, 
    HttpModule, 
    AppRoutingModule 
    ], 

    providers: [EmpService], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { } 

एचटीएमएल

<md-input-container> 
    <input mdInput [mdDatepicker]="picker" placeholder="Choose a date"> 
    <button mdSuffix [mdDatepickerToggle]="picker"></button> 
</md-input-container> 
<md-datepicker #picker></md-datepicker> 

मैं इसके बारे में आधिकारिक वेबसाइट से संदर्भ ले और कार्यक्षमता ठीक से काम कर रही है लेकिन मैं त्रुटियों को हल करना चाहता हूं।

धन्यवाद।

Answer 1

कोणीय निर्भरताओं को अद्यतन करने का प्रयास करें।

पहले, चलाएँ:

npm outdated 

जहाँ आपके package.json स्थित है फ़ोल्डर में

।

पुराना निर्भरता नहीं हैं, तो चलाएँ:

npm update 

मैं भी आज है कि समस्या का सामना करना पड़ रहा था, और संकुल अद्यतन करने के बाद सभी चीजों को अच्छी तरह से काम करने के लिए शुरू कर दिया।

Answer 2

सभी कोर "@ कोणीय/*": "^ 4.4.5" सुनिश्चित करने की आवश्यकता है।