@Viktimius
js developer

Как избежать ошибок при запуске контейнера с vue приложением ??

Есть приложение с фронтом на vue, при запуске команды docker-compose up выбрасывается ошибка "These dependencies were not found", при запуске yarn serve/build все нормально.

Пробовал проверить ошибку создавая дубли приложений с зависимостями из оригинального проекта, каждый раз выбрасывает в ошибке разные библиотеки.

Прошу помочь кто сталкивался.

Среда

Пакет NVM
node -v
v15.8.0

yarn -v
1.22.10



Dockerfile

FROM node:15
WORKDIR /app
COPY package.json ./
RUN  yarn install
EXPOSE 8080
CMD ["yarn", "serve"]



docker-compose.yml

version: '3'
services:
  web:
    build: .
    stdin_open: true
    tty: true
    ports: 
      - "8082:8080"
    volumes:
      - "/app/node_modules" 
      - ".:/app"



Package.json

{
  "name": "",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "axios": "^0.21.1",
    "core-js": "^3.14.0",
    "dotenv": "^8.6.0",
    "http-proxy-middleware": "^1.3.1",
    "tiptap-vuetify": "^2.24.0",
    "vue": "^2.6.11",
    "vue-axios": "^3.2.4",
    "vue-router": "^3.2.0",
    "vued3tree": "^5.1.0",
    "vuelidate": "^0.7.6",
    "vuetify": "^2.4.0",
    "vuex": "^3.4.0"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-plugin-router": "~4.5.0",
    "@vue/cli-plugin-vuex": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "babel-eslint": "^10.1.0",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^6.2.2",
    "sass": "~1.32.0",
    "sass-loader": "^10.0.0",
    "vue-cli-plugin-vuetify": "~2.4.1",
    "vue-template-compiler": "^2.6.11",
    "vuetify-loader": "^1.7.0"
  }
}



main.js

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import vuelidate from 'vuelidate'
import vuetify from './plugins/vuetify'
import http from './services/http'
import VueAxios from 'vue-axios'
import vued3tree from 'vued3tree'

Vue.use(vuelidate)
Vue.use(VueAxios, http)
Vue.use(vued3tree)

Vue.config.productionTip = false

new Vue({
  router,
  store,
  vuetify,
  render: h => h(App)
}).$mount('#app')



Что я пробовал

1) Удаление node_modules и package-lock.json/yarn.lock и переустановка зависимостей
2) Установка core-js@2 вместо core-js@3
3) Удаление кеша node.js
4) пробовал добавить "не найденные" либы в vue.config.js (transpileDependencies)
transpileDependencies: [
    'vuetify',
    'vued3tree',
    'vuelidate',
  ],



Скрин ошибки

60ce1e89848ea993851134.jpeg
  • Вопрос задан
  • 100 просмотров
Решения вопроса 1
notiv-nt
@notiv-nt
Как ваше ничего? Да, моё тоже
COPY . . забыли после yarn install
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Viji
@Viji
Associate DevOps Engineer
по всей видимости vue не может работать без своего http сервера, кот будет передавать статические файлы, вот пример из документации по vue.js

https://vuejs.org/v2/cookbook/dockerize-vuejs-app.html

Правда здесь для npm, попробуй сначала с ним, будет работать перепеши на yarn. Да и сначала просто build image сделайте, посмотрите как получается, - без docker-compose
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы