React JS import error - Module not found: You attempted to import ../actions which falls outside of the project src/ directory

Question

I am building a Spotify Application with their web API and am running the front end with React. I am importing my actions to my component, but I get this error

Failed to Compile

./src/SearchBar.js Module not found: You attempted to import ../actions which falls outside of the project src/ directory. Relative imports outside of src/ are not supported. You can either move it inside src/, or add a symlink to it from project's node_modules/.

But my actions folder is 100% within my src directory of my client. I have imported Actions in the past, but for some reason it's different, does it have something to do with my server?

Thanks for checking it out!

`../` refers to the parent directory, not the current directory. — CertainPerformance, Jun 16 '18 at 23:19

score 4 · Answer 1 · answered Jun 17 '18 at 00:40

4

When you use ../ you're trying to access to the parent folder. That's why now you're out of the src folder.

If you want to import something at the same level, you should use ./ In your case ./actions/yourFile

answered Jun 17 '18 at 00:40

Alan

470
4
10

React JS import error - Module not found: You attempted to import ../actions which falls outside of the project src/ directory

1 Answers1