Hi Martin,

Thank you for you quick response.

Regarding your exemple I had already followed your page exemple and if I open other project the situation doesn't happen.

Over the project with the problem I followed your suggestion of deleting the "node_module" folder but the result it's the same.

Is there a way to send you a zip with the project? I'm trying to attach the zip here but keeps giving error.

Best regards,

Miguel Domingues

Hi Miguel,

Please keep in mind that our system accepts only zipped files. Another reason for this could be that the file size exceeds the maximum allowed. Make sure to remove the node_modules folder before zipping your sample.

Please try again and if you cannot see the file attached in this case let me know and we will decide how to proceed further.

Hi Martin,

As you can see in the image that's the size of the zip file of the project without the node_modules folder.

Keeps giving error when I try to attach by dragging it to here or by using the insert option on the bottom menu.

Best Regards,

Miguel Domingues 

Hi Miguel,

You can upload the sample on cloud storage like google drive, dropbox or any other, and share the link with me.

I am looking forward to hearing from you.

Hi Miguel,

I managed to download your project and run it. I noticed that submodule routing is used. In that case, inside the layout component, the nested router outlet has to be named:

<router-outlet name='sub'></router-outlet>

After this change on my side the igxGrid is displayed. Please test it on your side and let me know how it behaves.

Hi Miguel,

I am glad that you find my suggestion helpful.

After further investigation, the issue appears to be related to how the project is built. When JIT compilation is used, in order igxGrid to work, the ES5 standard has to be used. I am currently investigating why exactly this is happening. Note that you can use the AOT compilation with ES2015 standard if you want:

 "qual35": {
	"fileReplacements": [
		{
			"replace": "src/environments/environment.ts",
			"with": "src/environments/environment.qual35.ts"
		}
	],
	"optimization": true,
	"aot": true
}

Hi Martin,

You are the best, problem solved.
Just added to each environment the TsConfig entry and the Grids are working.

Can you explain why the other components work perfectly and the Grid is the only that has problems?

Best regards,

Miguel Domingues

Hi Miguel,

I have reproduced your issue and after further investigation, I believe I have found that the root cause for this behavior. When serving the application the default ts.config is used. By adding tsconfig-es5.app.json, in your configuration for qual35 inside the angular.js file, the issue is resolved on my side:

Please test this on your side and let me know if you need any further assistance with this matter.

Hi Martin,

I now can replicate the problem and you have a way to replicate it also.

Instead of ng serve, please start the application with npm run start35.

Inside package.json : 

When I don't change the environment value running the ngserve, all works fine.

Can you please look at it ?

Best regards,

Miguel Domingues

Hi Martin,

I already tested with a colleague with on a fresh installed environment and it worked.
I am doing a full reset on my environment to have the same result.

I am suspecting on having a angular cli 8.2.X and with the 9.0 it works....so maybe cli incompatibility with the most recent igx-grid component or just other kind of incompatiblity between dependencies.

As soon as I solve the problem, I will notify you because this can help other people with similar problem.

Thanks for all the help.

Best regards,

Miguel Domingues