Vue 3生产部署

Question

我目前正在部署我的Vue 3项目(使用Laravel后端)，我在部署方面遇到了一些问题。

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

致命错误: MarkCompactCollector:年轻对象提升失败分配失败-内存中的JavaScript堆

我读过一些类似的问题，其中一种可能的方法是使用命令为Vue分配更多的内存。

npx --max_old_space_size=4095 vue-cli-service build -现代

然而，这也产生了同样的错误。这些是我的package.json依赖项(包括dev)

"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中时，脚本就会自动运行，并且：

• builds Vue project
• 将内容文件夹推送到ftp，同时将其重命名为dist

。