Vue 3 生产部署

Question

我目前正在部署我的Vue 3项目（后端为 Laravel API），我在部署时遇到了一些问题。

我想做的是，我使用git-ftp将我的 Vue 项目推送到生产服务器，然后运行npm install和npm run build来构建应用程序。 我收到一个错误：

致命错误：MarkCompactCollector：年轻 object 升级失败分配失败 - memory 堆外的 JavaScript

我读过一些类似的问题，一种可能的方法是使用命令将更多的 memory 分配给 Vue

npx --max_old_space_size=4095 vue-cli-service build --modern

然而，这产生了同样的错误。 这些是我的package.json依赖项（包括开发）

"dependencies": {
    "@fullcalendar/core": "^5.10.1",
    "@fullcalendar/daygrid": "^5.10.1",
    "@fullcalendar/interaction": "^5.10.1",
    "@fullcalendar/vue3": "^5.10.1",
    "@popperjs/core": "^2.9.3",
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "@vue/compiler-sfc": "^3.0.0",
    "axios": "^0.21.1",
    "bootstrap": "^5.1.0",
    "core-js": "^3.6.5",
    "datatables.net": "^1.11.3",
    "datatables.net-dt": "^1.11.3",
    "dotenv": "^10.0.0",
    "jquery": "^3.6.0",
    "module": "^1.2.5",
    "moment": "^2.29.1",
    "vue": "^3.0.0",
    "vue-axios": "^3.2.5",
    "vue-plugin-load-script": "git://github.com/tserkov/vue-plugin-load-script.git#vue3",
    "vue-router": "^4.0.11",
    "vuex": "^4.0.2",
    "vuex-persistedstate": "^4.0.0",
    "webpack": "^4.3.0"
  },
  "devDependencies": {
    "babel-eslint": "^10.1.0",
    "gulp": "^4.0.2",
    "gulp-clean-css": "^4.3.0",
    "gulp-concat": "^2.6.1",
    "gulp-minify": "^3.1.0",
    "gulp-sass": "^5.0.0",
    "prettier": "^2.2.1",
    "resolve-url-loader": "^4.0.0",
    "sass": "^1.43.2",
    "sass-loader": "^12.1.0"
  }

是否有可能，错误的原因是因为我在生产中运行它？ 如果是，我的其他部署选项是什么？

我只需要能够使用 git 命令将其推送到 git 存储库，然后将其推送到生产环境并构建它。

Answer 1

我们一直无法弄清楚这一点。

相反，我们在 GitLab 中使用了 runner 选项，这样当我们合并到 develop/master 时，脚本会自动运行并且：

• 构建 Vue 项目
• 将内容文件夹推送到 ftp，同时将其重命名为 dist