0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

electron-vue file structure problems

Last updated at Posted at 2018-06-07

#electron-vue component directories problem
I've been using electron-vue for quite a while, and seem like I really like working with it. Recently I tried with one sample project and I want to put all of my component in my structure way but seem like electron-vue doesn't allow me to do so.

I created two type of components (Scence and UI Component).
screenshot.png

Basically, Scence store all the the screen component like Login or LandingPage, and UI store something like NavBar or SideBar. All of them are set of component file (vue, css and js)
screenshot.png
The main problem is, If I attempt to categorise it like this, it will give me some error in the console.
screenshot.png
After a few hours of research, I found out that the problem cause related to vue webpack and I also try some of those solutions I found on the internet, but seem like the error doesn't get resolved. At the end I end up with following the default directories structure given by electron-vue itself.

The LandingPage.vue position has to be under the components folder in order to make the application run properly. By doing so, you still can create directories for your child components as well.
screenshot.png

As we see in the above picture, we still can categories our project's structure.

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?