0

Express で vue コンポーネントを使用するためのチュートリアルhttps://mindthecode.com/using-vue-components-in-your-express-app/に従っています。

その一部として、npm dev スクリプトを構成して、Browserify/vueify で vue コンポーネントをコンパイルし、Watchify を開始してから、Express Server を開始します。

チュートリアルのすべてのステップは機能しましたが、エクスプレス サーバーが起動しないため、「dev」スクリプトは 100% 機能しません。

何が問題なのか、そのスクリプトを機能させるために何をする必要があるのか​​ を理解するのを手伝ってくれる人はいますか?

パッケージ.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"
4

1 に答える 1