Question

我正在构建laravel + Vue项目，我想在Heroku上运行它。首先，当我将项目部署到Heroku时，页面中的CSS无法加载，然后我进行了更改（将Https转换为Http），并且页面运行正常，但随后我意识到Vue组件无法正确加载，特别是我具有实时功能。使用pusher和vuejs构建的聊天室也无法正常工作，我进行了很多搜索以寻找解决方案，然后发现了这个问题[如何将Laravel / Vue应用程序部署到Heroku 1，我尝试了一下但出现了错误当我尝试git push Heroku

master remote: -----> Build failed
remote:
remote:        We're sorry this build is failing! You can troubleshoot common issues here:
remote:        https://devcenter.heroku.com/articles/troubleshooting-node-deploys
remote:
remote:        Some possible problems:
remote:
remote:        - Node version not specified in package.json
remote:          https://devcenter.heroku.com/articles/nodejs-support#specifying-a-node-js-version
remote:
remote:        - A module may be missing from 'dependencies' in package.json
remote:          https://devcenter.heroku.com/articles/troubleshooting-node-deploys#ensure-you-aren-t-relying-on-untracked-dependencies
remote:
remote:        Love,
remote:        Heroku
remote:
remote:  !     Push rejected, failed to compile Node.js app.
remote:
remote:  !     Push failed
remote: Verifying deploy...
remote:
remote: !       Push rejected to vue-projectexample.
remote:
To https://git.heroku.com/vue-projectexample.git
 ! [remote rejected] master -> master (pre-receive hook declined)
error: failed to push some refs to 'https://git.heroku.com/vue-projectexample.git'

我不知道发生了什么，我将添加所有配置，并希望有人能帮助我：（

//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 --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",
        "build": "ng build",
        "heroku-postbuild": "ng build --prod",

    },
    "devDependencies": {
        "axios": "^0.19.2",
        "bootstrap": "^4.0.0",
        "cross-env": "^5.1",
        "jquery": "^3.5.1",
        "laravel-mix": "^5.0.1",
        "lodash": "^4.17.13",
        "popper.js": "^1.12",
        "resolve-url-loader": "^2.3.1",
        "sass": "^1.20.1",
        "sass-loader": "^8.0.0",
        "vue": "^2.5.17",
        "vue-js-toggle-button": "^1.3.3",
        "vue-template-compiler": "^2.6.10"
    },
    "dependencies": {
        "@fortawesome/fontawesome-free": "^5.12.1",
        "admin-lte": "^3.0.2",
        "font-awesome": "^4.1.0",
        "laravel-echo": "^1.8.0",
        "laravel-vue-pagination": "^2.3.1",
        "moment": "^2.24.0",
        "pusher-js": "^6.0.3",
        "sweetalert2": "^9.8.2",
        "vform": "^1.0.1",
        "vue-axios": "^2.1.5",
        "vue-chat-scroll": "^1.4.0",
        "vue-infinite-loading": "^2.4.5",
        "vue-progressbar": "^0.7.5",
        "vue-router": "^3.1.6",
        "vue-select2": "^0.2.6",
    }
}

//.gitignore
/node_modules
/public/hot
/public/storage
/storage/*.key
/vendor
.env
.env.backup
.phpunit.result.cache
Homestead.json
Homestead.yaml
npm-debug.log
yarn-error.log
"node_modules"

Laravel / Vue Heroku部署失败

0 个答案: