search

lidorsystems / integralui-web-angular

IntegralUI Web - Advanced UI Components for Angular 9
https://www.lidorsystems.com/products/web/studio/
Other
10 stars 8 forks source link

ERROR in IntegralUIModule is not an NgModule #1

Closed eliavmaman closed 7 years ago

eliavmaman commented 7 years ago

follow this link . i use angular-cli. when i add reference in app.module.ts file , to import { IntegralUIModule } from 'integralui-web/integralui.module'; i get this error. any Idea?

Lidor-Systems commented 7 years ago

Can you tell us what is the error message?

We have tried this using the Angular quickstart app, and it works. See attached app.module.ts and app.component.ts file for using the ContextMenu component.

If you have any questions, don't hesitate to contact us.

Kind regards,

The Support Team

mailto:support@lidorsystems.com support@lidorsystems.com

http://www.lidorsystems.com www.lidorsystems.com

From: Contact [mailto:contact@lidorsystems.com] Sent: Monday, February 06, 2017 5:17 PM To: support@lidorsystems.com Subject: FW: [lidorsystems/integralui-web] ERROR in IntegralUIModule is not an NgModule (#1)

From: eliav maman [mailto:notifications@github.com] Sent: Monday, February 06, 2017 5:08 PM To: lidorsystems/integralui-web Cc: Subscribed Subject: [lidorsystems/integralui-web] ERROR in IntegralUIModule is not an NgModule (#1)

follow this link http://www.lidorsystems.com/support/articles/angular/contextmenu/contextmenu-component.aspx . i use angular-cli. when i add reference in app.module.ts file , to import { IntegralUIModule } from 'integralui-web/integralui.module'; i get this error. any Idea?

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on https://github.com/lidorsystems/integralui-web/issues/1 GitHub, or mute https://github.com/notifications/unsubscribe-auth/AS5s0iibX8hv3WXnl29gqjuJUHJktYYIks5rZ0VMgaJpZM4L4Y07 the thread. https://github.com/notifications/beacon/AS5s0pGViaWVWSwZ1mWFixMoY9HHrtP8ks5rZ0VMgaJpZM4L4Y07.gif

eliavmaman commented 7 years ago

The error I get is the title of that issue בתאריך יום ב׳, 6 בפבר׳ 2017 ב-18:35 מאת Lidor-Systems < notifications@github.com>:

Can you tell us what is the error message?

We have tried this using the Angular quickstart app, and it works. See attached app.module.ts and app.component.ts file for using the ContextMenu component.

If you have any questions, don't hesitate to contact us.

Kind regards,

The Support Team

mailto:support@lidorsystems.com support@lidorsystems.com

http://www.lidorsystems.com www.lidorsystems.com

From: Contact [mailto:contact@lidorsystems.com] Sent: Monday, February 06, 2017 5:17 PM To: support@lidorsystems.com Subject: FW: [lidorsystems/integralui-web] ERROR in IntegralUIModule is not an NgModule (#1)

From: eliav maman [mailto:notifications@github.com] Sent: Monday, February 06, 2017 5:08 PM To: lidorsystems/integralui-web Cc: Subscribed Subject: [lidorsystems/integralui-web] ERROR in IntegralUIModule is not an NgModule (#1)

follow this link < http://www.lidorsystems.com/support/articles/angular/contextmenu/contextmenu-component.aspx> . i use angular-cli. when i add reference in app.module.ts file , to import { IntegralUIModule } from 'integralui-web/integralui.module'; i get this error. any Idea?

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on < https://github.com/lidorsystems/integralui-web/issues/1> GitHub, or mute < https://github.com/notifications/unsubscribe-auth/AS5s0iibX8hv3WXnl29gqjuJUHJktYYIks5rZ0VMgaJpZM4L4Y07> the thread. < https://github.com/notifications/beacon/AS5s0pGViaWVWSwZ1mWFixMoY9HHrtP8ks5rZ0VMgaJpZM4L4Y07.gif>

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/lidorsystems/integralui-web/issues/1#issuecomment-277736628, or mute the thread https://github.com/notifications/unsubscribe-auth/AGl12UvaGEmj88ZX9eEDmeoW9CpDFbeQks5rZ0u4gaJpZM4L4Y07 .

Lidor-Systems commented 7 years ago

Did you tried with attached files?

At first you need to install the IntegralUIModule, following this:

Installation

Install the repository by running

npm install https://github.com/lidorsystems/integralui-web.git

Then open your application module and add a reference to IntegralUI module

import { IntegralUIModule } from 'integralui-web/integralui.module';

@NgModule({

imports: [ IntegralUIModule ],

declarations: [ AppComponent ],

bootstrap: [ AppComponent ]

})

export class AppModule { }

Kind regards,

The Support Team

mailto:support@lidorsystems.com support@lidorsystems.com

http://www.lidorsystems.com www.lidorsystems.com

From: eliav maman [mailto:notifications@github.com] Sent: Monday, February 06, 2017 5:37 PM To: lidorsystems/integralui-web Cc: Lidor-Systems; Comment Subject: Re: [lidorsystems/integralui-web] ERROR in IntegralUIModule is not an NgModule (#1)

The error I get is the title of that issue בתאריך יום ב׳, 6 בפבר׳ 2017 ב-18:35 מאת Lidor-Systems < notifications@github.com>:

Can you tell us what is the error message?

We have tried this using the Angular quickstart app, and it works. See attached app.module.ts and app.component.ts file for using the ContextMenu component.

If you have any questions, don't hesitate to contact us.

Kind regards,

The Support Team

mailto:support@lidorsystems.com support@lidorsystems.com

http://www.lidorsystems.com www.lidorsystems.com

From: Contact [mailto:contact@lidorsystems.com] Sent: Monday, February 06, 2017 5:17 PM To: support@lidorsystems.com Subject: FW: [lidorsystems/integralui-web] ERROR in IntegralUIModule is not an NgModule (#1)

From: eliav maman [mailto:notifications@github.com] Sent: Monday, February 06, 2017 5:08 PM To: lidorsystems/integralui-web Cc: Subscribed Subject: [lidorsystems/integralui-web] ERROR in IntegralUIModule is not an NgModule (#1)

follow this link < http://www.lidorsystems.com/support/articles/angular/contextmenu/contextmenu-component.aspx> . i use angular-cli. when i add reference in app.module.ts file , to import { IntegralUIModule } from 'integralui-web/integralui.module'; i get this error. any Idea?

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on < https://github.com/lidorsystems/integralui-web/issues/1> GitHub, or mute < https://github.com/notifications/unsubscribe-auth/AS5s0iibX8hv3WXnl29gqjuJUHJktYYIks5rZ0VMgaJpZM4L4Y07> the thread. < https://github.com/notifications/beacon/AS5s0pGViaWVWSwZ1mWFixMoY9HHrtP8ks5rZ0VMgaJpZM4L4Y07.gif>

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/lidorsystems/integralui-web/issues/1#issuecomment-277736628, or mute the thread https://github.com/notifications/unsubscribe-auth/AGl12UvaGEmj88ZX9eEDmeoW9CpDFbeQks5rZ0u4gaJpZM4L4Y07 .

— You are receiving this because you commented. Reply to this email directly, view https://github.com/lidorsystems/integralui-web/issues/1#issuecomment-277737132 it on GitHub, or mute https://github.com/notifications/unsubscribe-auth/AS5s0pOCtkFF13Rfrbpq8pFgebRb8vOHks5rZ0wRgaJpZM4L4Y07 the thread. https://github.com/notifications/beacon/AS5s0o1dV603G8LQQ3BlnEiDwYWH2PV0ks5rZ0wRgaJpZM4L4Y07.gif

eliavmaman commented 7 years ago

exactly like that...

eliavmaman commented 7 years ago

Many developers uses Angular-cli, did u try to install it with the actual cli to check if its works?

Lidor-Systems commented 7 years ago

No, we have tried it yet. Because of this information (taken from github page of Angular CLI):

Note

This project is very much still a work in progress.

The CLI is now in beta.

We will try it right now, and will see whether it works.

Kind regards,

The Support Team

mailto:support@lidorsystems.com support@lidorsystems.com

http://www.lidorsystems.com www.lidorsystems.com

From: eliav maman [mailto:notifications@github.com] Sent: Monday, February 06, 2017 5:51 PM To: lidorsystems/integralui-web Cc: Lidor-Systems; Comment Subject: Re: [lidorsystems/integralui-web] ERROR in IntegralUIModule is not an NgModule (#1)

Many developers uses Angular-cli, did u try to install it with the actual cli to check if its works?

— You are receiving this because you commented. Reply to this email directly, view https://github.com/lidorsystems/integralui-web/issues/1#issuecomment-277741286 it on GitHub, or mute https://github.com/notifications/unsubscribe-auth/AS5s0iKj2LKImTLIgNDg5A9HfKlFOmxDks5rZ09dgaJpZM4L4Y07 the thread. https://github.com/notifications/beacon/AS5s0p8PU50jt_CAPjirTIE4sZkMLVNvks5rZ09dgaJpZM4L4Y07.gif

Lidor-Systems commented 7 years ago

It seems that IntegralUIModule is not recognized.

In our setup when using SystemJS, we mention that you need to include a reference to the IntegralUI Web package, like this:

map: {

  'integralui-web': 'npm:integralui-web'

},

packages: {

  'integralui-web': {

    defaultExtension: 'js'

  }

}

Now, in Angular CLI there is a section in JSON file that can reference 3rd party modules(following this guideline https://github.com/angular/angular-cli/issues/2460 ):

{

"name": "iuiweb-test",

"version": "0.0.0",

"license": "MIT",

"angular-cli": {},

. . .

However, in the moment we don't know what format is acceptable for our module. It has to be a way to reference 3rd part modules.

We will let you know when we have more information.

Kind regards,

The Support Team

mailto:support@lidorsystems.com support@lidorsystems.com

http://www.lidorsystems.com www.lidorsystems.com

From: eliav maman [mailto:notifications@github.com] Sent: Monday, February 06, 2017 5:51 PM To: lidorsystems/integralui-web Cc: Lidor-Systems; Comment Subject: Re: [lidorsystems/integralui-web] ERROR in IntegralUIModule is not an NgModule (#1)

Many developers uses Angular-cli, did u try to install it with the actual cli to check if its works?

— You are receiving this because you commented. Reply to this email directly, view https://github.com/lidorsystems/integralui-web/issues/1#issuecomment-277741286 it on GitHub, or mute https://github.com/notifications/unsubscribe-auth/AS5s0iKj2LKImTLIgNDg5A9HfKlFOmxDks5rZ09dgaJpZM4L4Y07 the thread. https://github.com/notifications/beacon/AS5s0p8PU50jt_CAPjirTIE4sZkMLVNvks5rZ09dgaJpZM4L4Y07.gif

eliavmaman commented 7 years ago

10x i'll decently use it

Lidor-Systems commented 7 years ago

Hi Eliav,

We have found that Angular CLI doesn't recognize the moduleId field in Component settings. The moduleID is used to detect the relative path of CSS styles, if they are not set in the same folder as the component file. For example, we have just tried this on test component:

@Component({

            moduleId: module.id,

            selector: 'iui-test',

            template: '<div>This is a Test</div>'

})

export class TestComponent {

            constructor(){

            }

}

In above code if we remove the moduleId, there is no error.

In current version available, IntegralUIModule uses this variable because we wanted to separate the CSS settings from component files in separate folders. So each component has moduleId variable set. If you use the quick start project from Angular website, you will notice that it works, however we presume that the Angilar CLI is not yet updated and moduleId is not recognized.

We will solve this and remove the moduleId from use in all components of IntegralUIModule, so that it will work without problems. We plan to include this in next beta release by the end of this month. This release will also include the Grid and TreeGrid components.

For now, try testing our components using the standard Angular quickstart application.

NOTE For technical questions, please send your emails directly to support@lidorsystems.com.

Kind regards,

The Support Team

mailto:support@lidorsystems.com support@lidorsystems.com

http://www.lidorsystems.com www.lidorsystems.com

From: eliav maman [mailto:notifications@github.com] Sent: Tuesday, February 07, 2017 8:45 AM To: lidorsystems/integralui-web Cc: Lidor-Systems; Comment Subject: Re: [lidorsystems/integralui-web] ERROR in IntegralUIModule is not an NgModule (#1)

10x i'll decently will use it

— You are receiving this because you commented. Reply to this email directly, view https://github.com/lidorsystems/integralui-web/issues/1#issuecomment-277924508 it on GitHub, or mute https://github.com/notifications/unsubscribe-auth/AS5s0r_nNC_WZ8ZUrgUTbaUBMOeEkRcZks5raCEZgaJpZM4L4Y07 the thread. https://github.com/notifications/beacon/AS5s0ttDZ0LPd91Xn0x9Ln_1Dn2mSox7ks5raCEZgaJpZM4L4Y07.gif

Lidor-Systems commented 7 years ago

Hi,

A new beta version 0.7.5 https://github.com/lidorsystems/integralui-web is released. This fixes the problem with Angular CLI and now you can load IntegralUIModule with all components.

Upon installation we noticed that CSS files cannot be found, although with are using current folder syntax ( stylesUrl: ['./css/some-file.css'] ). You can solve this on your side by coping all files from CSS and Resources folder in your app root folder. Follow the installation guidelines from ReadMe file.

After that you can use all components in normal way.

Note We will work on this and find a solution soon.

If you have any questions, don't hesitate to contact us.

Kind regards,

The Support Team

mailto:support@lidorsystems.com support@lidorsystems.com

http://www.lidorsystems.com www.lidorsystems.com

Lidor-Systems commented 7 years ago

We have solved the problem with relative paths for CSS files when Angular CLI is used. After installation, in angular-cli.json under styles section add this code line:

"../node_modules/integralui-web/integralui.module.css"

eliavmaman commented 7 years ago

Wow.. thanks for your dedication ... really appreciated. :)
Will try that and let u know . 10x guys

Lidor-Systems commented 7 years ago

Upon installing the latest version of Angular CLI, we notice that the error is still thrown. Upon detalied investigation, we find out that the IntegralUIModule was not recognized from the minified integralui.module.js file. After we have replaced this file with its source integralui.module.ts file, it works correctly. We also removed styleUrls from all component source files.

We have already updated the IntegralUI Web project v0.7.524. You only have to install it and set the CSS file reference, like it is described in the installation section.

In our test app, we are using latest versions of: • nodejs v6.9.5 • npm v3.7.2 • angular cli v1.0.0-beta28.3 • angular 2.4.7

Your project should compile now without errors.

Note Sorry for many tryouts on your side, please accept our apologies.

Kind regards,

The Support Team support@lidorsystems.com www.lidorsystems.com

Lidor-Systems commented 4 years ago

We cannot find i0.ɵɵdefineInjectable code in the integralui.common.service.js. Can you tell us how to recreate the issue, or the best would be to create a sample project that shows the error. You can create a sample project on StackBlitz.

Also please tell us which version of IntegralUI Web you are using?

NOTE This issue is closed. Please post your message by opening a new issue.