-
Notifications
You must be signed in to change notification settings - Fork 30
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Igniteui-angular2 with angularcli giving error as Cannot read property 'igGrid' of undefined issue #139
Comments
Could anybody please help in this issue? |
@rishisharma1510 Hi there. We're sorry that we still haven't been able to get to investigating this issue. We will look at it within the next couple of days and we will update you. |
@rishisharma1510, you'll have to download include references to igniteui into scripts in
Note that reference to jquery-ui is also required |
Hello, I have the same issue but I already added the items to my angular-cli.json Here is my angular-cli.json. I started from a clean install and just added jquery, jquery-ui and infragistics core and lob.
The error i'm now getting is:
Thanks in advance! |
The lite version of Ignite UI does not contain igGrid
You need to download and install the full version infragistics.core.js and infragistics.lob.js |
@dkamburov Just had to change the css files because I had issues with them see #96 at the bottom. |
Hmm I still have one problem, I can do a normal build but when I want to do a production build it gives an error. See screenshot. Thanks in advance. Here is my app.module.ts:
Here is my main.ts:
|
My suggestion would be to check the import statements. IgGridComponent should be imported from index.js while the error says it's trying to import it from index.d.ts. |
Where do I need to change that? I tried doing it like this, but it still gives the same error:
|
Can you demonstrate this in isolated sample with steps to reproduce? |
Here you can download my project: When I do ng server or ng build in my root folder, everything works fine. The only files I changed I already mentioned in the above posts. I found this in the other issue but don't know how to apply it. And it's not entirely the same because it does find the file in the server and normal build.
Many thanks for looking into this! |
try using ng build --prod --aot=false. I don't think it works with AOT yet. |
@gulbdoug Thanks for the reply! Now I can build the project but when I deploy it, it gives me template parse errors. So I do think I need to change the index file somehow.
|
This sounds like a third party issue. |
@dkamburov Thanks for the reply but where do I need to add this? |
In webpack.optimize.UglifyJsPlugin |
@dkamburov Yeah that I found but in what file? |
It should be in webpack. If you don't have it in your project update the angular cli. Or in angular-cli.json - similar to this issue angular/angular-cli#5192 |
@dkamburov I added it to my angular-cli.json and now it complains that property 'uglifyOptions' is not allowed. I still can do ng serve and ng build, but still the same error.
My .angular-cli.json:
|
Can you update your angular-cli to the latest version? |
I updated the angular version but still have the same problem.
I never tried this because I didn't know where to do it, do you know where and what I need to change so I can check this one? |
I investigated this one and in my opinion it's an issue in the cli. It should resolve when we add support for AOT, until then use the non minified and non compressed bundles. |
@dkamburov Ok, thank you for all your help! Do you have an eta for the AOT support? |
I cannot tell for sure when it would be ready, but you can check on issue #133 |
This should be resolved by now. |
Hi,
I am trying to use igniteui-angular2 igrid with angularcli. I am using Visual Studio Code as IDE
But when i run the application in the browser in chrome i get error as
Uncaught TypeError: Cannot read property 'igGrid' of undefined
at index.js:185
at __decorate (index.js:10)
at index.js:531
at Object.s (index.js:536)
at webpack_require (bootstrap 7e9d76b…:52)
at Object.489 (app.component.ts:11)
at webpack_require (bootstrap 7e9d76b…:52)
at Object.368 (src async:7)
at webpack_require (bootstrap 7e9d76b…:52)
at Object.618 (main.bundle.js:343)
at webpack_require (bootstrap 7e9d76b…:52)
at webpackJsonpCallback (bootstrap 7e9d76b…:23)
at main.bundle.js:1
(anonymous) @ index.js:185
__decorate @ index.js:10
(anonymous) @ index.js:531
s @ index.js:536
webpack_require @ bootstrap 7e9d76b…:52
489 @ app.component.ts:11
webpack_require @ bootstrap 7e9d76b…:52
368 @ src async:7
webpack_require @ bootstrap 7e9d76b…:52
618 @ main.bundle.js:343
webpack_require @ bootstrap 7e9d76b…:52
webpackJsonpCallback @ bootstrap 7e9d76b…:23
(anonymous) @ main.bundle.js:1
Could anybody help me in this
Srcwithsomerequiredfiles.zip
The text was updated successfully, but these errors were encountered: