Cannot resolve directory: Imported File Not Found Follow

Following the Vuemastery tutorials and come to a point where I need to create my own service and import it as a JS file. Importing vue files has worked without issue, but when trying to import this JS file I get an undefined error. Webstorm is saying it can't find the directory even though I created it and you can see it listed in the project pane.  The project compiles, but the console on the browser shows it can not find my file as expected.