Need more error info - " Cannot read property 'length' of undefined TypeError: Cannot read property 'length' of undefined " #5132

ragulmathawa · 2017-03-01T11:10:47Z

Please provide us with the following information:

OS?

Windows 7

Versions.

node --version
v 6.9.4
ng version
angular-cli: 1.0.0-beta.25.5
node: 6.9.4
os: win32 x64
@angular/common: 2.4.8
@angular/compiler: 2.4.8
@angular/core: 2.4.8
@angular/forms: 2.4.8
@angular/http: 2.4.8
@angular/platform-browser: 2.4.8
@angular/platform-browser-dynamic: 2.4.8
@angular/router: 3.4.8
@angular/compiler-cli: 2.4.8

Repro steps.

https://github.com/ragulmathawa/cutom-ngx-charts

This is the git repo with code I tried.

The log given by the failure.

Cannot read property 'length' of undefined
TypeError: Cannot read property 'length' of undefined
    at createSourceFile (c:\workspace\code\new\sample\node_modules\typescript\lib\typescript.js:8980:109)
    at parseSourceFileWorker (c:\workspace\code\new\sample\node_modules\typescript\lib\typescript.js:8940:26)
    at Object.parseSourceFile (c:\workspace\code\new\sample\node_modules\typescript\lib\typescript.js:8899:26)
    at Object.createSourceFile (c:\workspace\code\new\sample\node_modules\typescript\lib\typescript.js:8727:29)
    at WebpackCompilerHost.getSourceFile (c:\workspace\code\new\sample\node_modules\@ngtools\webpack\src\compiler_host.js:210:27)
    at findSourceFile (c:\workspace\code\new\sample\node_modules\typescript\lib\typescript.js:45859:29)
    at processSourceFile (c:\workspace\code\new\sample\node_modules\typescript\lib\typescript.js:45790:27)
    at c:\workspace\code\new\sample\node_modules\typescript\lib\typescript.js:45901:17
    at Object.forEach (c:\workspace\code\new\sample\node_modules\typescript\lib\typescript.js:1115:30)
    at processReferencedFiles (c:\workspace\code\new\sample\node_modules\typescript\lib\typescript.js:45899:16)
    at findSourceFile (c:\workspace\code\new\sample\node_modules\typescript\lib\typescript.js:45884:21)
    at processImportedModules (c:\workspace\code\new\sample\node_modules\typescript\lib\typescript.js:45994:25)
    at findSourceFile (c:\workspace\code\new\sample\node_modules\typescript\lib\typescript.js:45888:17)
    at processImportedModules (c:\workspace\code\new\sample\node_modules\typescript\lib\typescript.js:45994:25)
    at findSourceFile (c:\workspace\code\new\sample\node_modules\typescript\lib\typescript.js:45888:17)
    at processImportedModules (c:\workspace\code\new\sample\node_modules\typescript\lib\typescript.js:45994:25)
    at findSourceFile (c:\workspace\code\new\sample\node_modules\typescript\lib\typescript.js:45888:17)
    at processImportedModules (c:\workspace\code\new\sample\node_modules\typescript\lib\typescript.js:45994:25)
    at findSourceFile (c:\workspace\code\new\sample\node_modules\typescript\lib\typescript.js:45888:17)
    at processImportedModules (c:\workspace\code\new\sample\node_modules\typescript\lib\typescript.js:45994:25)
    at findSourceFile (c:\workspace\code\new\sample\node_modules\typescript\lib\typescript.js:45888:17)
    at processImportedModules (c:\workspace\code\new\sample\node_modules\typescript\lib\typescript.js:45994:25)
    at findSourceFile (c:\workspace\code\new\sample\node_modules\typescript\lib\typescript.js:45888:17)
    at processImportedModules (c:\workspace\code\new\sample\node_modules\typescript\lib\typescript.js:45994:25)
    at findSourceFile (c:\workspace\code\new\sample\node_modules\typescript\lib\typescript.js:45888:17)
    at processSourceFile (c:\workspace\code\new\sample\node_modules\typescript\lib\typescript.js:45790:27)
    at processRootFile (c:\workspace\code\new\sample\node_modules\typescript\lib\typescript.js:45694:13)
    at c:\workspace\code\new\sample\node_modules\typescript\lib\typescript.js:45151:60
    at Object.forEach (c:\workspace\code\new\sample\node_modules\typescript\lib\typescript.js:1115:30)
    at Object.createProgram (c:\workspace\code\new\sample\node_modules\typescript\lib\typescript.js:45151:16)
    at AotPlugin._setupOptions (c:\workspace\code\new\sample\node_modules\@ngtools\webpack\src\plugin.js:124:28)
    at new AotPlugin (c:\workspace\code\new\sample\node_modules\@ngtools\webpack\src\plugin.js:23:14)
    at Object.exports.getWebpackNonAotConfigPartial (c:\workspace\code\new\sample\node_modules\angular-cli\models\webpack-build-typescript.js:25:13)
    at new NgCliWebpackConfig (c:\workspace\code\new\sample\node_modules\angular-cli\models\webpack-config.js:38:46)
    at Class.run (c:\workspace\code\new\sample\node_modules\angular-cli\tasks\serve-webpack.js:23:22)
    at c:\workspace\code\new\sample\node_modules\angular-cli\commands\serve.run.js:37:22
    at process._tickCallback (internal/process/next_tick.js:103:7)

Mention any other details that might be useful.

The actual error seems to be triggered while importing LineSeriesComponent from ngx-charts module.
I need to extend the LineSeriesComponent of the ngx-charts. Even though I didn't declare CustomLineSeriesComponent in app module declarations it shows error. So it must be triggered from import.

I have seen several issues with same error but for different cases. The error must detailed and the possible cause of undefined variable should be found.

Several issues were closed by downgrading the angular-cli but we need to know the exact reason to prevent future issues.

The text was updated successfully, but these errors were encountered:

RicardoVaranda · 2017-03-01T11:25:26Z

DUPE of #5053 #5051

ragulmathawa · 2017-03-01T13:10:12Z

Yes @RicardoVaranda I already seen those issues. But I think the reason causing these issus are different from each other.
I can pin point where the error triggers it may help to solve the problem or get some reason for the problem. So i created a new issue.
Here is my case,

The error causes because of this line
import { CustomLineSeriesComponent} from './custom-chart/line-series.component';

In line-series.component.ts i am importing a component file from ngx-charts module to extend it.
line no 6
import {LineSeriesComponent} from '@swimlane/ngx-charts/src/line-chart';

The import statement cause the error. when i remove this import statement it works good.
So it must be something related to the file import or file creation.

I hope importing a component from an external module is a right one

Please take a look at the repo.

filipesilva · 2017-03-01T15:14:46Z

Dupe of #5053. It seems like the same issue and it's better to consolidate them in a single place.

rafaelmelo007 · 2017-03-12T03:55:11Z

I temporary fixed the issue replacing the code line 14876 in "typescript.js"

from:
var sourceFile = new SourceFileConstructor(263 /* SourceFile /, /pos/ 0, / end */ sourceText.length);

to:
var sourceFile = new SourceFileConstructor(263 /* SourceFile /, /pos/ 0, / end */ sourceText ? sourceText.length : 20);

experienced the random tsc error flu TypeError: Cannot read property 'length' of undefined at createSourceFile (/Users/David/Projects/github/dherges/ng-hal/demo/node_modules/@ngtools/webpack/node_modules/typescript/lib/typescript.js:8980:109) at parseSourceFileWorker (/Users/David/Projects/github/dherges/ng-hal/demo/node_modules/@ngtools/webpack/node_modules/typescript/lib/typescript.js:8940:26) - angular/angular-cli#5053 - swimlane/ngx-charts#217 - angular/angular-cli#5132 - angular/angular#11789

arlindonatal · 2017-03-22T23:44:31Z

Hello @rafaelmelo007.

I have some problem. After replace the code in "typescript.js" returns this error:

ERROR in Cannot read property 'getSourceFile' of undefined

tomups · 2017-03-23T14:23:31Z

I have this exact same problem as well. Happens when including a module I am developing, like to @ragulmathawa.

I have removed all external dependencies and file references from the module just to try, but I still get the same error.

I have also double checked that the main entry of package.json is correct.

If I change the line of typescript.js like @rafaelmelo007 suggested, then I get the same error as @arlindonatal above.

I'm really stumped as none of the error messages are really indicative of where the error might be.

klferreira · 2017-04-01T20:25:26Z

Put a console.log(fileName) in your createSourceFile() function and it will show you exactly where is the problem. Mine was environment.ts that was missing.

vernjensen · 2017-04-17T19:58:38Z

I am having the same problem. When I added console.log(fileName) in createSourceFile(), it seems the problem file is:

node_modules/@angular/common/index.d.ts

Why is it trying to transpile Angular files? How can I disable node_modules from being included in a build? (Or avoid this bug some other way?)

jdthorpe · 2017-06-18T20:18:21Z

For what it's worth, I got this error when referencing a d.ts file via: ///<reference path="./foo.d.ts" /> with an invalid path, which I discovered using @klferreira's suggestion.

chriswhite199 · 2017-07-07T03:18:24Z

After facing a similar unhelpful stack trace myself, i can tell you that for me the issue was a typo in an environments declaration in .angular-cli.json:

  "environments": {
    "dev": "environments/environment.ts",
    "prod": "environments/environment.prod.ts",
    "e2e": "environments/environments.e2e.ts"
  }

Here the file was actually named environment.e2e.ts, so the extra 's' was the root cause. Granted my stack trace wasn't entirely the same as the original in this issue, but maybe running an strace on the build and filtering for any file-not-found responses will help you track down the root cause in this case.

lukaszciastko · 2017-08-30T10:29:28Z

As already suggested by @jdthorpe, I also had the very same issue due to ///<reference in my old code.

iturn · 2017-09-07T12:22:14Z

I had the case where environment.ts was missing, and therefore this error was trown.

ShellOliver · 2017-09-27T02:45:03Z

It happended with me twice, when I ve renamed a component and the other case when delete one. This was just hiding another error: I forgot rename or delete others imports that was using these files. After rename and restart with ng serve, it works again.

jellyforce · 2017-10-01T14:20:59Z

In my case:

After changing the component name i thought that was the problem (wrong references somewhere else in my code). but that was not the case.

i forgot that i also changed the names of this "element" in the component:

selector: 'app-uitgaven-form'

On my corresponding HTML-page i did NOT change this. There it was:

<app-bon-form></app-bon-form>

after changing it to:

<app-uitgaven-form></app-uitgaven-form>

my problem was solved

AdhamRammadan · 2017-12-10T11:02:01Z

In My Case I Tried To Get Data From Server And Display It's Lenght In html ...

Declar a Variable Wich The Data Saves In It By Array In Constructor like :

export class DashboardComponent
{
trainers: any;

constructor(){
this.trainers= [];
}
}

and in Html :
{{ trainers.length }}

And Its Work 👍

bebnev-pro · 2017-12-22T05:42:48Z

I have the same:
ListComponent.html:19 ERROR Error: Cannot read property 'length' of null
at viewWrappedDebugError (core.js:9795)
at callWithDebugContext (core.js:15101)
at Object.debugCheckAndUpdateView [as checkAndUpdateView] (core.js:14628)
at ViewRef_.detectChanges (core.js:11605)
at eval (core.js:5913)
at Array.forEach ()
at ApplicationRef.tick (core.js:5913)
at eval (core.js:5746)
at ZoneDelegate.invoke (zone.js:392)
at Object.onInvoke (core.js:4756)

Another pages have same errors. It working properly if user is authorised. I loss the moment when it starting to happens.

AdhamRammadan · 2017-12-25T09:05:38Z

i Hope i Can Help You But i Described My Personal Experiment,,, i Wish You Finally Find The Best Solution For Your Issue Your Friend, Adham 2017-12-22 7:43 GMT+02:00 Roman Bebnev <[email protected]>:

…

I have the same: ListComponent.html:19 ERROR Error: Cannot read property 'length' of null at viewWrappedDebugError (core.js:9795) at callWithDebugContext (core.js:15101) at Object.debugCheckAndUpdateView [as checkAndUpdateView] (core.js:14628) at ViewRef_.detectChanges (core.js:11605) at eval (core.js:5913) at Array.forEach () at ApplicationRef.tick (core.js:5913) at eval (core.js:5746) at ZoneDelegate.invoke (zone.js:392) at Object.onInvoke (core.js:4756) Another pages have same error also but without stack trace. — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#5132 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AgCdbOT467F6KLyEV0DwwLnQUxyp1Eetks5tC0GYgaJpZM4MPhMX> .

bebnev-pro · 2017-12-25T09:46:47Z

@AdhamRammadan thanks for response. I had been resolved my issue. Reason was: interceptor tried attach auth header with non-existing token (null). Hard to resolve because angular show view / html based error. Data not exists from wrong-authorised header request. In two words - it can be http / headers error.

niikoo · 2018-02-14T09:19:59Z

In my case i discovered that my environments.dev.ts file was missing, all of a sudden. Restored it from git and now this problem disappeared.

tmrdurgun · 2018-03-17T07:52:09Z

I spent some 2 hours but resolved with including environments directory to project after re-install from repo etc.

AhmedAlheesaei · 2018-04-17T17:09:09Z

@klferreira could you please explain your way in more details
thanks in advance

VitalyName · 2018-04-28T11:20:14Z

I solved this problem (error during refactoring test). All is good for angular v4.3.* and v4.4*

Change @angular/cli" version 1.7.3 to 1.4.10 in package.json (latest for angular4)
rm -rf node_modules
npm install --no-optional

angular-automatic-lock-bot · 2019-09-08T03:41:42Z

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}

ragulmathawa mentioned this issue Mar 1, 2017

ngx-charts causes 'Cannot read property 'length' of undefined' with angular-cli beta.30 swimlane/ngx-charts#217

Closed

filipesilva closed this as completed Mar 1, 2017

jdthorpe mentioned this issue Jun 18, 2017

Using invalid environment causes error in build (was "ERROR in Cannot read property 'length' of undefined") #5053

Closed

jogboms mentioned this issue Nov 18, 2017

IOS bundle failing NativeScript/nativescript-dev-webpack#92

Closed

angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 8, 2019

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Need more error info - " Cannot read property 'length' of undefined TypeError: Cannot read property 'length' of undefined " #5132

Need more error info - " Cannot read property 'length' of undefined TypeError: Cannot read property 'length' of undefined " #5132

ragulmathawa commented Mar 1, 2017

Please provide us with the following information:

RicardoVaranda commented Mar 1, 2017

ragulmathawa commented Mar 1, 2017

filipesilva commented Mar 1, 2017

rafaelmelo007 commented Mar 12, 2017

arlindonatal commented Mar 22, 2017

tomups commented Mar 23, 2017 •

edited

Loading

klferreira commented Apr 1, 2017

vernjensen commented Apr 17, 2017

jdthorpe commented Jun 18, 2017

chriswhite199 commented Jul 7, 2017

lukaszciastko commented Aug 30, 2017

iturn commented Sep 7, 2017

ShellOliver commented Sep 27, 2017

jellyforce commented Oct 1, 2017

AdhamRammadan commented Dec 10, 2017 •

edited

Loading

bebnev-pro commented Dec 22, 2017 •

edited

Loading

AdhamRammadan commented Dec 25, 2017 via email •

edited

Loading

bebnev-pro commented Dec 25, 2017

niikoo commented Feb 14, 2018

tmrdurgun commented Mar 17, 2018 •

edited

Loading

AhmedAlheesaei commented Apr 17, 2018

VitalyName commented Apr 28, 2018

angular-automatic-lock-bot bot commented Sep 8, 2019

Need more error info - " Cannot read property 'length' of undefined TypeError: Cannot read property 'length' of undefined " #5132

Need more error info - " Cannot read property 'length' of undefined TypeError: Cannot read property 'length' of undefined " #5132

Comments

ragulmathawa commented Mar 1, 2017

Please provide us with the following information:

OS?

Versions.

Repro steps.

The log given by the failure.

Mention any other details that might be useful.

RicardoVaranda commented Mar 1, 2017

ragulmathawa commented Mar 1, 2017

filipesilva commented Mar 1, 2017

rafaelmelo007 commented Mar 12, 2017

arlindonatal commented Mar 22, 2017

tomups commented Mar 23, 2017 • edited Loading

klferreira commented Apr 1, 2017

vernjensen commented Apr 17, 2017

jdthorpe commented Jun 18, 2017

chriswhite199 commented Jul 7, 2017

lukaszciastko commented Aug 30, 2017

iturn commented Sep 7, 2017

ShellOliver commented Sep 27, 2017

jellyforce commented Oct 1, 2017

AdhamRammadan commented Dec 10, 2017 • edited Loading

bebnev-pro commented Dec 22, 2017 • edited Loading

AdhamRammadan commented Dec 25, 2017 via email • edited Loading

bebnev-pro commented Dec 25, 2017

niikoo commented Feb 14, 2018

tmrdurgun commented Mar 17, 2018 • edited Loading

AhmedAlheesaei commented Apr 17, 2018

VitalyName commented Apr 28, 2018

angular-automatic-lock-bot bot commented Sep 8, 2019

tomups commented Mar 23, 2017 •

edited

Loading

AdhamRammadan commented Dec 10, 2017 •

edited

Loading

bebnev-pro commented Dec 22, 2017 •

edited

Loading

AdhamRammadan commented Dec 25, 2017 via email •

edited

Loading

tmrdurgun commented Mar 17, 2018 •

edited

Loading