Как решить vue -cli-service: not found proplem on heroku? - PullRequest
Новая
       40

Как решить vue -cli-service: not found proplem on heroku?

3 голосов
/ 19 июня 2020

У меня проблема с попыткой деплоить мое приложение с именем tr3 (которое хорошо работает на localhost, и я также научился развертывать «тестовое приложение» с помощью heroku, все было хорошо). Но теперь, когда я использовал команду

git pu sh heroku master

Появляется сообщение 

remote: -----> Compressing...
remote:        Done: 22.2M
remote: -----> Launching...
remote:        Released v8
remote:        https://stark-oasis-45806.herokuapp.com/ deployed to Heroku
remote: 
remote: Verifying deploy... done.
To https://git.heroku.com/stark-oasis-45806.git
   12055ef..fbc5e05  master -> master

Но ссылка https://stark-oasis-45806.herokuapp.com/ приводит к ошибке 

020-06-19T17:42:19.575287+00:00 app[web.1]: > tr3@0.1.0 start /app
2020-06-19T17:42:19.575288+00:00 app[web.1]: > npm run  serve
2020-06-19T17:42:19.575288+00:00 app[web.1]: 
2020-06-19T17:42:20.037740+00:00 app[web.1]: 
2020-06-19T17:42:20.037766+00:00 app[web.1]: > tr3@0.1.0 serve /app
2020-06-19T17:42:20.037767+00:00 app[web.1]: > vue-cli-service serve
2020-06-19T17:42:20.037767+00:00 app[web.1]: 
2020-06-19T17:42:20.045068+00:00 app[web.1]: sh: 1: vue-cli-service: not found
2020-06-19T17:42:20.049281+00:00 app[web.1]: npm ERR! code ELIFECYCLE
2020-06-19T17:42:20.049568+00:00 app[web.1]: npm ERR! syscall spawn
2020-06-19T17:42:20.049812+00:00 app[web.1]: npm ERR! file sh

Также вот мой пакет. json

{
  "engines": {
    "node": "10.x"
  },
  "name": "tr3",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
    "start": "npm run  serve",
    "heroku-postinstall": "npm install && npm run build"
  },
  "heroku-postinstall": "npm install && npm run build",
  "dependencies": {
    "core-js": "^3.6.5",
    "vue": "^2.6.11",
    "vue-router": "^3.3.4",
     "vuex": "^3.4.0"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.4.0",
    "@vue/cli-plugin-eslint": "~4.4.0",
    "@vue/cli-service": "~4.4.0",
    "babel-eslint": "^10.1.0",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^6.2.2",
    "vue-template-compiler": "^2.6.11"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "parserOptions": {
      "parser": "babel-eslint"
    },
    "rules": {}
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not dead"
  ]
}

1 Ответ

3 голосов
/ 04 августа 2020

У меня была такая же проблема несколько дней go, я новичок в Vue. js и Heroku, но я смог найти эту информацию, которая помогла мне с проблемой, и я надеюсь, что это поможет другим people.

Создайте файл stati c. json на том же уровне пакета. json: 

{
    "root": "dist",
    "clean_urls": true,
    "routes": {
        "/**": "index.html"
    }
}

Добавьте файл stati c. json в git

git add static.json
git commit -m "add static configuration"

Развертывание в Heroku 

heroku buildpacks:add heroku/nodejs
heroku buildpacks:add https://github.com/heroku/heroku-buildpack-static
git push heroku master

Источник информации: Развертывание | Vue CLI

...