missing filenames vs right line

[hoschi]

After PR #94 I now have wrong line numbers when using eval, but filen ames for every step in the trace:

with cheap-module-source-map I get right line numbers, but no file names for npm dependencies:

on place 6: "NewsStreamListWidget" the error is in line 16. I tried also some other devtools, with the same result.

I tried version 1.4.1 and 1.4.2

[davidpfahler]

@hoschi Thanks for reporting! It seems to be actually pretty difficult to get this right. @borela As this was your PR, would you please have a look at this?

[borela]

@hoschi eval will always generate the "wrong line numbers" because it is showing the lines in relation to the generated code not the original source. You can see in this table, the quality column shows which methods targets the original source file.

Can you create a minimal repo so that I can do some tests with mixed stacks? For now, try to use the options eval-source-map or source-map and see if it stops generating mixed stacks.

@davidpfahler The option cheap-module-source-map in his case is generating a mixed stack trace with links and file names which I talked about in this pull. I can give it a shot to try to support them.

[davidpfahler]

@borela If we haven't supported this before, it's not a regression. In that case, there is not rush, although it would be cool, of course, to support mixed stacks.

[hoschi]

@borela I'll try the other devtools and report back. Minimal repo is hard to do, because I don't know/have an idea whats the cause for this and what parts of the original project I should put in the minimal repo. The original project is a really big and complex customer closed source project, so I can't point you to that directly :(

[hoschi]

@borela with source-map it is the same as for cheap-module-source-map for eval-source-map it shows no filename and no line numbers at all:

Unfortunately I don't know where I put created an error last time, that way the method names are other ones that in my first screenshot.

[borela]

@hoschi Please put the stack string and the method used like this.

[hoschi]

@borela here it is

eval
TypeError: Cannot read property 'bar' of undefined
    at new NewsStreamListWidget (NewsStreamListWidget.js:32)
    at eval (createClassProxy.js:95)
    at instantiate (createClassProxy.js:103)
    at NewsStreamListWidget (eval at proxyClass (createClassProxy.js:NaN), <anonymous>:4:17)
    at eval (ReactCompositeComponent.js:306)
    at measureLifeCyclePerf (ReactCompositeComponent.js:75)
    at ReactCompositeComponentWrapper._constructComponentWithoutOwner (ReactCompositeComponent.js:305)
    at ReactCompositeComponentWrapper._constructComponent (ReactCompositeComponent.js:280)
    at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js:188)
    at Object.mountComponent (ReactReconciler.js:46)


cheap-eval-source-map
TypeError: Cannot read property 'bar' of undefined
    at new NewsStreamListWidget (eval at 3154 (0.0.0a13794….chunk.js:814), <anonymous>:32:21)
    at eval (eval at <anonymous> (main.9086c96….js:13224), <anonymous>:95:24)
    at instantiate (eval at <anonymous> (main.9086c96….js:13224), <anonymous>:103:9)
    at NewsStreamListWidget (eval at proxyClass (eval at <anonymous> (main.9086c96….js:13224)), <anonymous>:4:17)
    at eval (eval at <anonymous> (main.9086c96….js:12743), <anonymous>:306:16)
    at measureLifeCyclePerf (eval at <anonymous> (main.9086c96….js:12743), <anonymous>:75:12)
    at ReactCompositeComponentWrapper._constructComponentWithoutOwner (eval at <anonymous> (main.9086c96….js:12743), <anonymous>:305:14)
    at ReactCompositeComponentWrapper._constructComponent (eval at <anonymous> (main.9086c96….js:12743), <anonymous>:280:21)
    at ReactCompositeComponentWrapper.mountComponent (eval at <anonymous> (main.9086c96….js:12743), <anonymous>:188:21)
    at Object.mountComponent (eval at <anonymous> (main.9086c96….js:2009), <anonymous>:46:35)


cheap-source-map
TypeError: Cannot read property 'bar' of undefined
    at new NewsStreamListWidget (NewsStreamListWidget.js:22)
    at createClassProxy.js:95
    at instantiate (createClassProxy.js:103)
    at NewsStreamListWidget (eval at proxyClass (createClassProxy.js:110), <anonymous>:4:17)
    at ReactCompositeComponent.js:306
    at measureLifeCyclePerf (ReactCompositeComponent.js:75)
    at ReactCompositeComponentWrapper._constructComponentWithoutOwner (ReactCompositeComponent.js:305)
    at ReactCompositeComponentWrapper._constructComponent (ReactCompositeComponent.js:280)
    at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js:188)
    at Object.mountComponent (ReactReconciler.js:46)


cheap-module-eval-source-map
TypeError: Cannot read property 'bar' of undefined
    at new NewsStreamListWidget (eval at 3154 (0.0.0a13794….chunk.js:814), <anonymous>:32:21)
    at eval (eval at <anonymous> (main.9086c96….js:13224), <anonymous>:95:24)
    at instantiate (eval at <anonymous> (main.9086c96….js:13224), <anonymous>:103:9)
    at NewsStreamListWidget (eval at proxyClass (eval at <anonymous> (main.9086c96….js:13224)), <anonymous>:4:17)
    at eval (eval at <anonymous> (main.9086c96….js:12743), <anonymous>:306:16)
    at measureLifeCyclePerf (eval at <anonymous> (main.9086c96….js:12743), <anonymous>:75:12)
    at ReactCompositeComponentWrapper._constructComponentWithoutOwner (eval at <anonymous> (main.9086c96….js:12743), <anonymous>:305:14)
    at ReactCompositeComponentWrapper._constructComponent (eval at <anonymous> (main.9086c96….js:12743), <anonymous>:280:21)
    at ReactCompositeComponentWrapper.mountComponent (eval at <anonymous> (main.9086c96….js:12743), <anonymous>:188:21)
    at Object.mountComponent (eval at <anonymous> (main.9086c96….js:2009), <anonymous>:46:35)


cheap-module-source-map
TypeError: Cannot read property 'bar' of undefined
    at new NewsStreamListWidget (NewsStreamListWidget.js:21)
    at createClassProxy.js:95
    at instantiate (createClassProxy.js:103)
    at NewsStreamListWidget (eval at proxyClass (createClassProxy.js:110), <anonymous>:4:17)
    at ReactCompositeComponent.js:306
    at measureLifeCyclePerf (ReactCompositeComponent.js:75)
    at ReactCompositeComponentWrapper._constructComponentWithoutOwner (ReactCompositeComponent.js:305)
    at ReactCompositeComponentWrapper._constructComponent (ReactCompositeComponent.js:280)
    at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js:188)
    at Object.mountComponent (ReactReconciler.js:46)


eval-source-map
TypeError: Cannot read property 'bar' of undefined
    at new NewsStreamListWidget (eval at 3154 (0.0.0a13794….chunk.js:814), <anonymous>:32:21)
    at eval (eval at <anonymous> (main.9086c96….js:13224), <anonymous>:95:24)
    at instantiate (eval at <anonymous> (main.9086c96….js:13224), <anonymous>:103:9)
    at NewsStreamListWidget (eval at proxyClass (eval at <anonymous> (main.9086c96….js:13224)), <anonymous>:4:17)
    at eval (eval at <anonymous> (main.9086c96….js:12743), <anonymous>:306:16)
    at measureLifeCyclePerf (eval at <anonymous> (main.9086c96….js:12743), <anonymous>:75:12)
    at ReactCompositeComponentWrapper._constructComponentWithoutOwner (eval at <anonymous> (main.9086c96….js:12743), <anonymous>:305:14)
    at ReactCompositeComponentWrapper._constructComponent (eval at <anonymous> (main.9086c96….js:12743), <anonymous>:280:21)
    at ReactCompositeComponentWrapper.mountComponent (eval at <anonymous> (main.9086c96….js:12743), <anonymous>:188:21)
    at Object.mountComponent (eval at <anonymous> (main.9086c96….js:2009), <anonymous>:46:35)


eval-source-map
TypeError: Cannot read property 'bar' of undefined
    at new NewsStreamListWidget (eval at 3154 (0.0.0a13794….chunk.js:814), <anonymous>:32:21)
    at eval (eval at <anonymous> (main.9086c96….js:13224), <anonymous>:95:24)
    at instantiate (eval at <anonymous> (main.9086c96….js:13224), <anonymous>:103:9)
    at NewsStreamListWidget (eval at proxyClass (eval at <anonymous> (main.9086c96….js:13224)), <anonymous>:4:17)
    at eval (eval at <anonymous> (main.9086c96….js:12743), <anonymous>:306:16)
    at measureLifeCyclePerf (eval at <anonymous> (main.9086c96….js:12743), <anonymous>:75:12)
    at ReactCompositeComponentWrapper._constructComponentWithoutOwner (eval at <anonymous> (main.9086c96….js:12743), <anonymous>:305:14)
    at ReactCompositeComponentWrapper._constructComponent (eval at <anonymous> (main.9086c96….js:12743), <anonymous>:280:21)
    at ReactCompositeComponentWrapper.mountComponent (eval at <anonymous> (main.9086c96….js:12743), <anonymous>:188:21)
    at Object.mountComponent (eval at <anonymous> (main.9086c96….js:2009), <anonymous>:46:35)


source-map
TypeError: Cannot read property 'bar' of undefined
    at new NewsStreamListWidget (NewsStreamListWidget.js:21)
    at createClassProxy.js:95
    at instantiate (createClassProxy.js:103)
    at NewsStreamListWidget (eval at proxyClass (createClassProxy.js:110), <anonymous>:4:17)
    at ReactCompositeComponent.js:306
    at measureLifeCyclePerf (ReactCompositeComponent.js:75)
    at ReactCompositeComponentWrapper._constructComponentWithoutOwner (ReactCompositeComponent.js:305)
    at ReactCompositeComponentWrapper._constructComponent (ReactCompositeComponent.js:280)
    at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js:188)
    at Object.mountComponent (ReactReconciler.js:46)

[borela]

@hoschi Thank you! In this line:
at NewsStreamListWidget (eval at proxyClass (eval at <anonymous> (main.9086c96….js:13224)), <anonymous>:4:17)

Is the file main.9086c96….js available in Chrome? I am not sure how to load that one. The ellipsis is giving me the impression that the stack is not receiving the full file name.

[hoschi]

@borela it can be downloaded, here a screenshot for cheap-module-source-map

[hoschi]

I thought the ellipsis came just form the formatted stacktrace output of console.log?! I saved the error instance in a variable and accessing this in chrome gives another version of printed text. This is with cheap-module-eval-source-map as it has the ellipsed file name:

EDIT: When I hover over the file name it shows me the full text

[hoschi]

Here is the code and the error logged right before passing it to RedBox, see big comment block for details where the previous error was taken from.

[borela]

@hoschi Can you create a minimal repo? I wasn't able to recreate mixed stacks like you have in cheap-source-map.