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"