How to avoid using relative path imports (/../../../redux/action/action1) in create-react-app

by

Create a file called .env in the project root and write there:

NODE_PATH=src

Then restart the development server. You should be able to import anything inside src without relative paths.

Note I would not recommend calling your folder src/redux because now it is confusing whether redux import refers to your app or the library. Instead you can call your folder src/app and import things from app/....

We intentionally don’t support custom syntax like @redux because it’s not compatible with Node resolution algorithm.

More Related Contents:

  1. How to fix missing dependency warning when using useEffect React Hook
  2. How to specify a port to run a create-react-app based project?
  3. How do I hide API key in create-react-app?
  4. Template not provided using create-react-app
  5. Error: ‘node-sass’ version 5.0.0 is incompatible with ^4.0.0
  6. Line 0: Parsing error: Cannot read property ‘map’ of undefined
  7. Use custom build output folder when using create-react-app
  8. deploying create-react-app to heroku with express backend returns invalid host header in browser
  9. Error while creating new React app (“You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0)”)
  10. Import image dynamically in React component
  11. Blank page after running build on create-react-app
  12. Unable to create new react app with npx create-react-app
  13. Using `”homepage”` in package.json, without messing up paths for localhost
  14. How should I configure create-react-app to serve app from subdirectory?
  15. How do I hide an API key in Create React App?
  16. ‘TypeError [ERR_INVALID_ARG_TYPE]: The “path” argument must be of type string. Received type undefined’
  17. Import SVG as a component in Gatsby
  18. Relative path in index.html after build
  19. react long press event
  20. How to use environment variables in Github Page?
  21. Create-React-App Proxy in Production Build
  22. combine react build output into single js file
  23. What is public/manifest.json file in create-react-app?
  24. How to set build .env variables when running create-react-app build script?
  25. create-react-app: how to use https instead of http?
  26. Disable ESLint that create-react-app provides
  27. Create-React-App build – “Uncaught SyntaxError: Unexpected token
  28. create-react-app is not working since version 4.0.1
  29. create react app not picking up .env files?
  30. ‘React’ was used before it was defined

Leave a Comment