Папка Vue. js node_modules отличается на сервере при сборке - PullRequest
0 голосов
/ 16 января 2020

node_modules установлен, но после сборки работающего приложения возникают проблемы, которых не было на локальном компьютере

  • У меня есть сервер под управлением ОС Ubuntu, который я использую для Vue. js приложения.
  • Когда я npm install и npm build на сервере, у живого приложения возникают проблемы с дизайном и функциональностью (в моем MacBook оно работает отлично).
  • Единственное решение, которое я получил, чтобы заставить его работать, было заменить папку server node_modules на папку node_modules, которая находится в моем другом P C (который также использует Ubuntu).
  • Эта проблема блокирует меня от использования новых пакетов в проекте.

Если бы кто-то мог мне помочь, я был бы очень рад.

package.json

{
  "version": "2.0.0",
  "private": true,
  "scripts": {
    "dev": "vue-cli-service serve --open",
    "free_dev": "vue-cli-service serve --open --mode free_development",
    "staging": "vue-cli-service serve --open --mode staging",
    "free_staging": "vue-cli-service serve --open --mode free_staging",
    "build_staging": "vue-cli-service build --mode staging",
    "build_free_staging": "vue-cli-service build --mode free_staging",
    "build_production": "vue-cli-service build --mode production",
    "build_free_production": "vue-cli-service build --mode free_production",
    "lint": "vue-cli-service lint",
    "build_production-report": "vue-cli-service build --mode production --report",
    "i18n:report": "vue-cli-service i18n:report --src './src/**/*.?(js|vue)' --locales './src/locales/**/*.json'",
    "now-start": "vue-cli-service serve",
    "test:e2e": "vue-cli-service test:e2e",
    "test:unit": "vue-cli-service test:unit"
  },
  "dependencies": {
    "axios": "^0.19.0",
    "core-js": "^2.6.10",
    "firebase": "^6.6.2",
    "moment": "^2.24.0",
    "prerender-spa-plugin": "^3.4.0",
    "v-money": "^0.8.1",
    "vue": "^2.6.10",
    "vue-head": "^2.1.2",
    "vue-i18n": "^8.15.0",
    "vue-router": "^3.0.3",
    "vue-the-mask": "^0.11.1",
    "vuetify": "^2.1.6",
    "vuetify-toast-snackbar": "^0.6.1",
    "vuex": "^3.0.1"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^3.12.1",
    "@vue/cli-plugin-e2e-cypress": "^3.12.1",
    "@vue/cli-plugin-eslint": "^3.12.1",
    "@vue/cli-plugin-unit-jest": "^3.12.1",
    "@vue/cli-service": "^3.12.1",
    "@vue/eslint-config-standard": "^4.0.0",
    "@vue/test-utils": "1.0.0-beta.29",
    "babel-core": "7.0.0-bridge.0",
    "babel-eslint": "^10.0.1",
    "babel-jest": "^23.6.0",
    "compression-webpack-plugin": "^3.1.0",
    "eslint": "^5.16.0",
    "eslint-config-vuetify": "*",
    "eslint-plugin-vue": "^5.0.0",
    "node-sass": "^4.13.0",
    "pug": "^2.0.4",
    "pug-plain-loader": "^1.0.0",
    "sass": "^1.23.1",
    "sass-loader": "^7.3.1",
    "vee-validate": "^2.2.15",
    "vue-chartist": "^2.2.1",
    "vue-cli-plugin-eslint-config-vuetify": "latest",
    "vue-cli-plugin-i18n": "^0.6.0",
    "vue-cli-plugin-vuetify": "^1.1.1",
    "vue-cli-plugin-vuetify-essentials": "^0.7.0",
    "vue-template-compiler": "^2.6.10",
    "vue-world-map": "^0.1.1",
    "vuetify-loader": "^1.2.2",
    "webpack-bundle-analyzer": "^3.6.0"
  }
}

Ответы [ 2 ]

1 голос
/ 16 января 2020

Убедитесь, что вы скопировали файл package-lock.json на свой сервер, а не только package.json. Таким образом, вы убедитесь, что npm установит на вашем сервере точно такие же версии всех пакетов, как и те, которые были установлены локально.

Подробнее о package-lock.json файле можно прочитать здесь .

Вы копируете файл package-lock.json в любой точке, и запуск npm install гарантирует, что все ваши модули узла имеют правильные версии.

0 голосов
/ 16 января 2020
  • Попробуйте удалить node_modules с сервера и выполните npm install снова
  • Убедитесь, что версии node и npm - однако это не должно быть проблемой
  • Удалите файл package.lock, если он существует, и выполните npm install снова
  • Убедитесь, что у вас нет ошибок при загрузке зависимостей
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...