Как запустить приложение webpack на сервере?

Question

[Валерий Хижевский]

Доброго денька.
Приложение на VUE js у себя на машине запускается нормально. Но есть сервер и на него перенёс приложение и там всё запускается, нео в браузере не отображается. В хосте и localhost и ip сервера пытался указывать, ничего не помогало, в чём можёт быть проблема? Приложение на webpack

Answer 1

[Лев Роскошин]

Скорее всего дело не в приложение. Если при запуске его в консоли нет ошибок, то с ним я пологаю все хорошо. Банально проверь указал ли ты порт так как часто приложения на ноде старутуют на 3000 порту. Также проверь доступность приложения локально curl` ом. Если все оке проверь настройки фаервола. И в последний случай можно посмотреть в package.json и если dev стартует из под webpack dev server , то он как правило недоступен внешне. В таком случае в конец допиши --host ip сервера, например --host 0.0.0.0 .

Comments

[Валерий Хижевский]

А как запустить webpack при помощи pm2 или forever что бы он работал без консоли?

[Лев Роскошин]

Валерий Хижевский, посмотри в scripts dev как он запускается, и в зависимости от этого, скопируй сюда посмотрим. Если быть точнее то в package.json объект scripts в нем строка dev

[Валерий Хижевский]

anjilnew,

{
  "name": "vue-app",
  "version": "1.0.0",
  "description": "A Vue.js project",
  "author": "",
  "private": true,
  "scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "build": "node build/build.js"
  },
  "dependencies": {
    "axios": "^0.18.0",
    "pm2": "^2.10.4",
    "vue": "^2.5.2",
    "vue-axios": "^2.1.1"
  },
  "devDependencies": {
    "autoprefixer": "^7.1.2",
    "babel-core": "^6.22.1",
    "babel-helper-vue-jsx-merge-props": "^2.0.3",
    "babel-loader": "^7.1.1",
    "babel-plugin-syntax-jsx": "^6.18.0",
    "babel-plugin-transform-runtime": "^6.22.0",
    "babel-plugin-transform-vue-jsx": "^3.5.0",
    "babel-preset-env": "^1.3.2",
    "babel-preset-stage-2": "^6.22.0",
    "chalk": "^2.0.1",
    "copy-webpack-plugin": "^4.0.1",
    "css-loader": "^0.28.0",
    "extract-text-webpack-plugin": "^3.0.0",
    "file-loader": "^1.1.4",
    "friendly-errors-webpack-plugin": "^1.6.1",
    "html-webpack-plugin": "^2.30.1",
    "node-notifier": "^5.1.2",
    "optimize-css-assets-webpack-plugin": "^3.2.0",
    "ora": "^1.2.0",
    "portfinder": "^1.0.13",
    "postcss-import": "^11.0.0",
    "postcss-loader": "^2.0.8",
    "postcss-url": "^7.2.1",
    "rimraf": "^2.6.0",
    "semver": "^5.3.0",
    "shelljs": "^0.7.6",
    "uglifyjs-webpack-plugin": "^1.1.1",
    "url-loader": "^0.5.8",
    "vue-loader": "^13.3.0",
    "vue-style-loader": "^3.0.1",
    "vue-template-compiler": "^2.5.2",
    "webpack": "^3.6.0",
    "webpack-bundle-analyzer": "^2.9.0",
    "webpack-dev-server": "^2.9.1",
    "webpack-merge": "^4.1.0"
  },
  "engines": {
    "node": ">= 6.0.0",
    "npm": ">= 3.0.0"
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8"
  ]
}

[Лев Роскошин]

Так ну смотри во первых pm2 ставь не локально, лучше глобально.
npm i -g pm2
Вообще получается у тебя должен быть входной html скорее всего это файл index.html попробуй его локально открыть будет ли нормально работать приложени. Если все хорошо то на сервере тебе нужно сначала сбилдить
npm run build
и далее тебе нужно настроить любой сервер , лучше всего настроить nginx однажды установишь и все будет работать, его в основном и используют на продакшене. но если просто побаловаться можешь вполне стартовать что то вроде
python -m SimpleHTTPServer
из директории где лежит индекс

Answer 2

[Dark_Scorpion]

Webpack только сборщик, а не движок. Вам нужно сделать сборку и подключить скрипт в html файле.
Нужно более подробное описание деплоя, что понять где ошибка.

Answer 3

[mShpakov]

Я так понимаю, вам нужно поставить нгинкс и проксировать с него на ноду
UPD
И лучше запускать сервер через pm2 + nginx

Comments

[Валерий Хижевский]

а почему не работает npm run dev?

[mShpakov]

Не готов ответить
Но запускать дев на сервере явно не лучшая идея

[slava_brezovsky]

mShpakov, для дев окружения мелкого проекта вполне себе нормальная вещь
можно потратить время на настройку nginx, а ведь можно его не тратить

[mShpakov]

slava_brezovsky, 5 минут с учетом времени загрузки пакета?