嘗試保存 .vue 文件

Question

我正在嘗試保存 .vue 文件。 我已經安裝了 vue cli。 當我運行 vue serve 時，命令提示符中會顯示一條錯誤消息，其中顯示“有效的入口文件應該是：main.js、index.js、app.vue、App.vue 之一”

Answer 1

您應該運行npm run build而不是vue build 。

它們是兩個不同的命令。

1. npm run build底層運行vue-cli-service build，默認入口為src/main.js。

2. vue build僅用於即時原型設計。 它的默認條目是當前目錄中的 main.js、index.js、App.vue 或 app.vue 之一。

Answer 2

如上圖所示，main.js 文件位於 src 文件夾中。 我在 package.json 文件中指定了 main.js 文件的路徑，如下所示：

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

然后我可以簡單地運行

npm 運行開發

用於在開發環境中服務項目和

npm 運行產品

用於在 dist 文件夾下創建生產版本