Cannot resolve directory: Imported File Not Found

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.   

 

 

 

1 comment
Comment actions Permalink

>Webstorm is saying it can't find the directory even though I created it

looks like webpack aliases can't be resolved. Please try specifying node_modules/@vue/cli-service/webpack.config.js as webpack configuration file in Settings | Languages & Frameworks | JavaScript | Webpack

See https://intellij-support.jetbrains.com/hc/en-us/community/posts/115000556284/comments/360000146344

As for runtime error, it must be a problem with your service definition... I don't have issues resolving javascript modules added this way

0

Please sign in to leave a comment.