VueJS generator: These relative modules were not found. Layout & views/

[beejaz]

Hi!

Im trying out the VueJS client generator and following the guide at https://api-platform.com/docs/client-generator/vuejs/ and then after running the npx @api-platform/client-generator https://api src/ --generator vue --resource booking command, when I try to compile my vue project I get this error:

These relative modules were not found:

* ../components/booking/Layout in ./assets/vue/router/booking.js
* ../views/booking/List in ./assets/vue/router/booking.js
* ../views/booking/New in ./assets/vue/router/booking.js
* ../views/booking/Show in ./assets/vue/router/booking.js
* ../views/booking/Update in ./assets/vue/router/booking.js

There is no Layout file and there is no views folder at all in the output dir.

ls -al assets/vue/components/booking/
total 52
drwxrwxrwx 2 root root     0 Dec 30 11:53 .
drwxrwxrwx 2 root root  4096 Dec 30 11:53 ..
-rwxr-xr-x 1 root root  1462 Dec 30 11:53 Create.vue
-rwxr-xr-x 1 root root 20450 Dec 30 11:53 Form.vue
-rwxr-xr-x 1 root root 10385 Dec 30 11:53 List.vue
-rwxr-xr-x 1 root root  6393 Dec 30 11:53 Show.vue
-rwxr-xr-x 1 root root  2783 Dec 30 11:53 Update.vue

ls -al assets/vue/
total 5
drwxrwxrwx 2 root root 4096 Dec 30 13:00 .
drwxrwxrwx 2 root root    0 Dec 30 11:55 ..
-rwxr-xr-x 1 root root  139 Dec 30 12:20 App.vue
drwxrwxrwx 2 root root    0 Dec 30 11:53 components
drwxrwxrwx 2 root root    0 Dec 30 11:53 config
drwxrwxrwx 2 root root    0 Dec 30 11:53 error
-rwxr-xr-x 1 root root  511 Dec 30 13:00 index.js
drwxrwxrwx 2 root root    0 Dec 30 13:01 router
drwxrwxrwx 2 root root    0 Dec 30 11:53 store
drwxrwxrwx 2 root root    0 Dec 30 11:53 utils

Is this a bug or am I missing something?

[beejaz]

From what I can understand, there is no code for generating the views in VueJS (although Vuetify does have)?

https://github.com/api-platform/client-generator/blob/master/src/generators/VueGenerator.js#L47
https://github.com/api-platform/client-generator/blob/master/src/generators/VuetifyGenerator.js#L28

[raress96]

Hello, I also tried using the generator with the latest version of vue and vue-cli and got the same error. Event after I fixed these, there were still other problems. Is the Vue generator only compatibly with Vue 1 or other versions of vue-cli or something else?

[ruddygbaguidi]

I have the exact same error.
vue generator doesn't provide a working output.

There is no ../component/modulename/Layout either

The 'new' path maybe should be 'create'

[jmontoyaa]

I confirm the error too.

[jmontoyaa]

It was change here:

0a7d15d#diff-e09f3f33cfd644a558b787ab754b8fbc

Maybe it was a mistake to change it.

[tahiticlic]

Still not working, is there a way to use latest commit with npx ?

[walva]

Hello,

I do have the same issue after following your guide :

Failed to compile.

./src/router/book.js
Module not found: Error: Can't resolve '../components/book/Layout' in '/home/ben/projects/api-platform/vue-app/src/router'
 @ ./src/router/book.js 5:11-46
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8081 webpack/hot/dev-server ./src/main.js

I think it is because the current vesion published in npm is 9 months old and doesn't contain the fix.