Primeng: Cannot find name 'MenuItem' in primeng while using like private items: MenuItem[];

Created on 29 Nov 2016 · 5Comments · Source: primefaces/primeng

I was trying to implement the sample in the below url

http://www.primefaces.org/primeng/#/menubar

but getting the error on the line private items: MenuItem[]; as cannot find name 'MenuItem' even though i used import {MenuModule,MenuItem} from 'primeng/primeng'; in app.module.ts

Source

partha006

Most helpful comment

You have to import MenuItem in the component where you are going to use it, you can't import it in app.module.ts because you can't include it in ngmodule imports

igogu on 29 Dec 2016

👍4 😄1

All 5 comments

I checked it locally but it seems to be working fine.

Mrtcndkn on 1 Dec 2016

Hi, i have installed the primeng but i have the same issue shall i install it from another source?

GZTiempo on 20 Dec 2016

You have to import MenuItem in the component where you are going to use it, you can't import it in app.module.ts because you can't include it in ngmodule imports

igogu on 29 Dec 2016

👍4 😄1

Thx for @igogu . It works. I tried like this:

in 'app.module.ts' import MenuModule
and in 'app.component.ts' import MenuItem

I think that the tutorial http://www.primefaces.org/primeng/#/menubar should be fix.

ghost on 11 Feb 2017

👍2

The showcase documentation import doesn't mean only for app module .It mentioned as what specific modules and classes need to be imported(for both component.ts,module.ts) to work with the component.