問題タブ [watchify]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
234 参照

node.js - Vue コンポーネントをコンパイルして Express サーバーを起動するための Npm 'Dev' Watchify/Browserify/vueify コマンドは失敗しますか? (サーバーが起動しない)

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

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

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

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

パッケージ.json

'npm run dev' は vue コンポーネントをコンパイルし、watchify を開始し、vue コンポーネント コードを変更するとホット リロードが機能します。しかし、高速サーバーは起動に失敗しますか?

ノート:

私はwindows10、ノードv8.9.4、およびpackage.jsonからの関連する依存関係のいくつかを使用しています

0 投票する
1 に答える
1542 参照

javascript - watchify を使用してバンドルを作成した後に blob エラーが発生する

私は何をしようとしていますか? node モジュールと es6 JavaScript 構文を使用してプロジェクトを作成したいと考えています。可能な限りモジュール化して独立させるために、watchify に切り替えることにしました。私のhtmlページは次のようになっています

私のwhatchifyコマンドは次のようになります

私の依存関係はこのように見えますが、これはこのように見えます

今のところ、src ファイルには何もありません。test.js ファイルと必要な jquery からテスト関数をインポートしただけです。

さて、何がわからないのですか? 文字通り何もしませんが、コンソールに次のエラーが表示され続けます

質問? watchify/browserify を使用するには webpack が必要ですか? es6+node コードを「コンパイル」するために必要なすべてのプリセットを使用しましたか? 私は何を逃したのですか?