ENOENT: no such file or directory upon project initialisation

Describe the bug Hi, I was following this tutorial: https://www.sitepoint.com/build-vue-chrome-extension/

This section assumes that you have Node and npm installed on your computer. If this isn’t the case, you can either head to the project’s home page and grab the relevant binaries for your system, or you can use a version manager. I would recommend using a version manager.

I have node v12.14.1 and npm v6.13.4 installed. I’m on a windows 10 machine.

The next steps are to run the following commands to install everything that is needed: npm install -g @vue/cli npm install -g @vue/cli-init

Great! That’s done, now I need to initialize my project.

vue init kocal/vue-web-extension new-tab-page

That returns this error:

I tried rebooting, same result. I tried moving all contents from your template folder into another folder called “template” so it would find it but when running that command again it just put everything back to normal and guess what? Gave the error…

How would I resolve this issue? Thanks in advance for your reply.

[Kocal]

Hi!

I think you problem comes from npm install -g @vue/cli-init which is only needed for pulling old template for Vue-CLI 2.x (see https://cli.vuejs.org/guide/creating-a-project.html#pulling-2-x-templates-legacy).

This project is for Vue-CLI 3+, so you don’t need to intall @vue/cli-init.

I think you can make things working by running

$ npm uninstall -g @vue/cli @vue/cli-init
$ npm install -g @vue/cli
$ vue create --preset kocal/vue-web-extension my-extension

[JonasTheGamer]

Managed to run it, already getting errors without modifying any files… I’m closing this issue, feel free to re-open if you’d like to continue but I think I just gave up…