不使用Vue js项目的"serve“命令

Question

与Laravel + Vue js合作。但是，当我尝试使用启动vue js时，运行命令。它正在计算我的cmd中的错误命令。

npm错误！缺少脚本：“服务”

npm错误！

npm错误！要查看脚本列表，请运行：

npm错误！npm运行

我怎么才能解决这个问题？

package.json

{
    "private": true,
    "scripts": {
        "dev": "npm run development",
        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
        "watch": "npm run development -- --watch",
        "watch-poll": "npm run watch -- --watch-poll",
        "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --disable-host-check --config=node_modules/laravel-mix/setup/webpack.config.js",
        "prod": "npm run production",
        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
    },
    "devDependencies": {
        "axios": "^0.24.0",
        "cross-env": "^7.0",
        "laravel-mix": "^6.0.39",
        "lodash": "^4.17.19",
        "resolve-url-loader": "^3.1.0",
        "sass": "^1.15.2",
        "sass-loader": "^8.0.0",
        "vue-template-compiler": "^2.6.14"
    },
    "dependencies": {
        "vue": "^2.6.14",
        "vue-axios": "^3.3.7",
        "vue-router": "^3.5.2",
        "vue-sweetalert2": "^5.0.2"
    }
}

Answer 1

这不仅仅是vue js的应用程序。您使用的是vue和Laravel

如果您想要创建生产构建，就必须运行npm run prod。如果您在本地工作，那么应该使用npm run watch。它将使用热重新加载，因此它将检测文件的变化，并创建符合的领域。

注意:您必须向webpack.mix.js文件中添加资源js & css文件，并定义将已编译的文件存储在公用文件夹中的目标。

您不必使用npm run serve，因为您使用的是laravel中的vue js。

Answer 2

检查package.json中是否包含以下内容，如果没有添加，则尝试运行以下命令

"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
    // other commands
  },

编辑：

如果您在windows中使用cmd。

按照以下步骤执行

1. 尝试删除node_modules文件夹，然后从cmd.

运行npm i。

然后，

1. 再次尝试运行npm run serve，看看这次

是否有效。

如果上述两个步骤不起作用，则通过运行命令sequentially全局安装vue/cli服务，然后遵循步骤1和2