question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Click to Open Editor Feature of Error Overlay Documentation

See original GitHub issue

Can you reproduce the problem with latest npm?

yes

Description

The Feature ‘click on the error overlay to open in editor’ expects an environment Variable called REACT_EDITOR (https://github.com/facebookincubator/create-react-app/pull/2141/files#diff-e891084243d9d79cbaff6e11eab1a4fdR82). However the documentation states, that any environment variable not starting with REACT_APP_* will get blocked.

Expected behavior

When writing REACT_EDITOR=wstorm (etc) into a .env.local File I expect the click to open editor Feature to work.

Actual behavior

The Feature does not work. When using console.log(process.env.REACT_EDITOR) in the code it logs undefined.

Environment

Run these commands in the project folder and fill in their results:

  1. npm ls react-scripts (if you haven’t ejected): 1.0.7
  2. node -v: 7.10.0
  3. npm -v: 4.6.1

Then, specify:

  1. Operating system: Windows 10
  2. Browser and version: Chrome 58

Reproducible Demo

https://github.com/wirmar/cra-error-overlay-issue things to note in demo: .evn.local file console log

Other

This probably also blocks automatic detection of used Editor on windows via env vars EDITOR and VISUAL.

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:16 (14 by maintainers)

github_iconTop GitHub Comments

1reaction
miraagecommented, Jun 28, 2017

Thank you! I have also noticed that it might create /usr/local/bin/pstorm shortcut. I’ll open an issue about all Jetbrains IDEs this week with suggestion to unify all their products.

1reaction
gaearoncommented, Jun 28, 2017
Read more comments on GitHub >

github_iconTop Results From Across the Web

error-overlay-webpack-plugin | Yarn - Package Manager
Webpack plugin to automatically display an error overlay in your ... Webpack 5 support; Elegant stack trace; Click to open error line in...
Read more >
Debug your layout with Layout Inspector and Layout Validation
The Layout Inspector in Android Studio allows you to debug the layout of your app by showing a view hierarchy and allowing you...
Read more >
Create overlays in your prototypes - Figma Help Center
Create an overlay · Click the Prototype tab in the right sidebar. · Hover over the object you want to start the overlay...
Read more >
User and Workspace Settings - Visual Studio Code
To open the Settings editor, use the following VS Code menu command: ... Errors due to incorrect setting names or JSON formatting are...
Read more >
Data Layer | Maps JavaScript API - Google Developers
You can style these features as you would a normal overlay, ... For example, stores have opening hours, roads have traffic speed, ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found