时间戳

首页 > 解决方案 > Vue js项目的“服务”命令不起作用

javascript - Vue js项目的“服务”命令不起作用

问题描述

使用 Laravel + Vue js。但是当我尝试使用npm run serve命令启动 vue js 时。它正在计算我的 cmd 中的以下错误命令。

npm 错误！缺少脚本：“服务”
npm ERR！
npm 错误！要查看脚本列表，请运行：
npm ERR！npm 运行

我该如何解决这个问题？

包.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"
    }
}

标签： javascriptlaravelvue.js

解决方案

这不仅仅是 vue js 应用程序。你正在vue使用Laravel

如果要创建生产版本，则必须运行npm run prod. 如果您在本地工作，那么您应该使用npm run watch. 它将使用热重载，因此它将检测文件更改并创建已编译的文件。

注意：您必须将资源 js 和 css 文件添加到 webpack.mix.js 文件并定义将编译文件存储在公共文件夹中的目标。

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

推荐阅读