Trying to save .vue file

Question

I am trying to save a .vue file. I have installed vue cli. When I run the vue serve an error message displays in the command prompt which says "valid entry file should be one of:main.js, index.js, app.vue, App.vue"

As the error message clearly states, it is not able to locate the entry file. So, can you tell us where exactly the entry file located? — Deepak Terse, May 05 '20 at 16:22

Julien J · Answer 1 · 2020-02-22T11:45:56.747

1

You should run npm run build rather than vue build.

They are two different commands.

npm run build runs vue-cli-service build underlyingly, and its default entry is src/main.js.
vue build is for instant prototyping only. Its default entry is one of main.js, index.js, App.vue or app.vue in the current directory.

edited Feb 22 '20 at 11:45

answered Feb 22 '20 at 11:43

Julien J

2,826
2
25
28

you should try npm run build. – Julien J Feb 22 '20 at 11:46
it says npm err! missing script: build – Madhu Feb 22 '20 at 11:47
You need to be in the same repertory where your files are, then do `npm run build` – Julien J Feb 22 '20 at 11:50
Where all my html files are? Thank you so much for the help. – Madhu Feb 22 '20 at 11:52
Try where your js or json files are. No worry it's a pleasure. – Julien J Feb 22 '20 at 11:55
I don't know why but it's not working I can't save the .vue file – Madhu Feb 22 '20 at 12:08

score 0 · Answer 2 · answered May 05 '20 at 16:30

As you can see in the image above, main.js file is located in the src folder. I specified the path to the main.js file in the package.json file as follows:

"scripts": {
    "dev": "vue serve src/main.js",
    "prod": "vue build src/main.js"
}

And then I could simply run

npm run dev

for serving the project in the development environment and

npm run prod

for creating a production build under dist folder

Trying to save .vue file

2 Answers2