Npm 'Dev' Watchify / Browserify / vueify cmd для компиляции компонента Vue и запуска сервера Express не удается?(сервер не запускается) - PullRequest
Новая
       37

Npm 'Dev' Watchify / Browserify / vueify cmd для компиляции компонента Vue и запуска сервера Express не удается?(сервер не запускается)

0 голосов
/ 23 мая 2018

Я следую учебному пособию https://mindthecode.com/using-vue-components-in-your-express-app/, чтобы использовать компоненты Vue с Express.

Частью этого является настройка сценария npm dev для компиляции компонента vue с помощью Browserify / vueify, запуска Watchify, а затем запуска Express Server.

Каждый шаг турориала работал, но скрипт 'dev' не работает на 100%, так как экспресс-сервер не запускается.

Может кто-нибудь помочь понять, что не так или что янужно, чтобы этот скрипт работал?

Package.json 

"scripts": {
    "start": "echo 'server starting on port 3000' & node ./bin/www",    
    "dev": "watchify -vd -p browserify-hmr -t vueify -e public/javascripts/main.js -o public/javascripts/bundle.js & node ./bin/www"
  },

'npm run dev' компилирует компонент vue и запускает watchify, а горячая перезагрузка работает, если я изменяю компонент vueкод.ОДНАКО сервер экспресс не запускается?

Примечание: 

browserify -t vueify -e public/javascripts/main.js -o public/javascripts/bundle.js – works fine at the command line to compile the .vue files

npm start – works fine and can load page at ‘localhost:3000’

Я использую windows10, узел v8.9.4 и некоторые соответствующие зависимости из package.json 

"browserify-hmr": "^0.3.5",
"express": "~4.14.0",
"vue": "^2.5.0",
"vueify": "^9.4.1",
"watchify": "^3.9.0"

1 Ответ

0 голосов
/ 23 мая 2018

Вы можете увидеть завершенный package.json и полное репо из этого урока

https://github.com/Hyra/vue-components-in-express/blob/master/package.json

{
  "name": "vue-components-in-express",
  "version": "0.0.1",
  "private": false,
  "description": "Sample code to support blog post 'Using Vue Components in your Express app' at https://mindthecode.com/using-vue-components-in-your-express-app/",
  "author": "Stef van den Ham <stef@mindthecode.com>",
  "scripts": {
    "start": "node ./bin/www",
    "dev": "watchify -vd -p browserify-hmr -t vueify -e public/javascripts/main.js -o public/javascripts/bundle.js & node ./bin/www"
  },
  "dependencies": {
    "body-parser": "~1.15.2",
    "browserify-hmr": "^0.3.5",
    "cookie-parser": "~1.4.3",
    "debug": "~2.2.0",
    "express": "~4.14.0",
    "morgan": "~1.7.0",
    "node-sass": "^4.5.3",
    "pug": "~2.0.0-beta6",
    "serve-favicon": "~2.3.0",
    "vue": "^2.5.0",
    "vueify": "^9.4.1",
    "watchify": "^3.9.0"
  }
}
...