問題タブ [isparta]
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.
webpack - karma-webpack-tape: テストが失敗したときに行番号を表示する
タイトルが示すように、スイートでテストが失敗したときに行番号を確認できるようにしたいと考えています。karma-tap
プラグイン、tap
フレームワーク、およびdots
レポーターに依存しています。
ちょっとしたコンテキスト: ソース マップは適切に機能しているため、テスト ファイルでスローされた例外は正しい行とスタック トレースを報告します。ただし、基本テストが失敗すると、回線やモジュールについては何も表示されずに「失敗しました」というメッセージが出力されます。
私の最初の考えでは、これは単なる Tap の制限であると考えられていましたが、それが本当であるとは想像できません。私の完全な Karma 設定を以下に示します。テスト中に行番号の出力が失敗する原因となる設定が何かありますか?
gulp - 最新の angular-fullstack-generator には、gulp serve:dist の glyphicons-halflings-regular フォントがありませんか? なんで?
angular-fullstack-generator に基づく大規模なプロジェクトがあり、実行すると:
そうですか:
また、これらのフォントが見つからないため、次のようにも表示されます。
gulpfile.babel.js に以下を追加して、これを修正しました。
そして、これを「ビルド」タスクの copy:fonts エントリの直後に配置しました。
これらのフォントはすでにbootstrap/fonts/ディレクトリにあるため、これは少しばかげているように見えますが、コードがアクセスしようとしている場所ではなく、コードのどこでこれを変更するかは(私には)明らかではありませんでした道。
同時に、「運用」ビルドはビュー ディレクトリ (404.html ファイルのみを含む) をコピーしません。
だから私も追加しました:
そして、copy:views を追加したのは、copy:fonts-extra を追加したのと同じ場所です。
これらの問題を修正するより良い方法はありますか?
angular-fullstack-generator v3.7.6 の最新バージョンを使用しています。
おそらくベータ2はこれを修正しますか?
結果の gulpfile.babel.js は次のとおりです。
javascript - ビルドの実行時に gulpfile.babel.js を変更して HTML の場所を追加する方法は?
以下は、generator-angular-fullstack を実行したときに作成された元の gulpfile です (基本的に、開発中の実行からタスクを削除しました)。
'client/components/modal/templates/' に HTML ファイルがあり、実行時にプロジェクトに追加されないgulp build
ため、ビルドされたコードを提供しようとすると、次のエラーが表示されました。
「テンプレートの読み込みに失敗しました: ./components/modal/templates/event.html (HTTP ステータス: 404 Not Found)」
この場所のファイルがプロジェクトに取り込まれるように、何を変更すればよいか誰か教えてもらえますか?
webpack - Webpack で静的アセットのみを使用して EJS テンプレートを生成する方法は?
プロジェクトを Webpack と統合したいと考えています。EJS テンプレートを使用する前は、CSS や JavaScript などの静的アセットをbody
タグに追加したいだけでした。しかし、EJS ローダーを使用すると、生成された EJS ファイルにはモジュールのエクスポートなどの他のものが含まれます。これを削除するにはどうすればよいですか?
以下は私のWebpack構成です:
生成された login.ejs は次のとおりです。
body
他に何もせずに、静的アセットをタグに追加するだけです。
どんな助けでも大歓迎です。
unit-testing - How to Unit Test an Ionic 2 Application Tutorial Karma Error: Chrome have not capture in 60000 ms, killing.
現在、Josh Monrony のチュートリアルを使用して、Ionic 2 で単体テストを行う方法を学習しています。
「ステップ 4: 単体テストの作成と実行」に進んでいます。
を実行するnpm test
と、Chrome が開きますが、読み込みが停止することはありません。
次に、コンソールはタイムアウトを報告します。
タイムアウトの原因は何ですか?
ここに私の karma.conf.js ファイルがあります:
同様の質問がありますが、回答がないか、回答が機能しません。
javascript - エラー: Bootstrap の JavaScript には、Webpack を使用して jQuery が必要です
私は webpack を初めて使用しますが、プロジェクトの 1 つでそれを使用して学習を開始しました。
Bootstrap で jQuery を使用したいのですが、アプリを起動すると次のエラーが表示されます。
bootstrap.min.js?5802:6Uncaught エラー: Bootstrap の JavaScript には jQuery が必要です
私の webpack 構成では、2 つのエントリ ポイントを定義しました。1 つはプロジェクトのライブラリ用で、もう 1 つは jQuery、Bootstrap などのベンダーと呼ばれる外部ライブラリ用です。
ベンダーでは、jQuery ライブラリの後に Bootstrap ライブラリを定義していますが、エラーが解消されません。私が見逃しているものの手がかりはありますか?
これは私の webapp 構成です:
そして、これは私の package.json ファイルです:
node.js - Karma で実行中の Browserify Bundle エラー
この構成で Karma を実行すると、次のようになります。
次のエラーが発生し続けます。
[16:31:32] gulpfile C:\P4Space\Labs\MainRls\Labs\Web\PatientPortal\gulp\karma\gulpfile.ts を使用しています [16:31:32] 「単体テスト」を開始しています... [16: 31:32] 'clean:build:all' を開始しています... [16:31:32] 15 ミリ秒後に 'clean:build:all' を終了しました [16:31:32] 'html' を開始しています... [16: 31:32] 26 ミリ秒後に「html」が終了しました [16:31:32] 「カルマ」を開始しています... 21 08 2016 16:31:37.431:エラー [framework.browserify]: バンドル エラー 21 08 2016 16:31: 37.432:エラー [framework.browserify]: TypeScript エラー: C:/P4Space/Labs/MainRls/Labs/Web/PatientPortal/node_modules/@angular/core/src/ application_ref.d.ts(79,88): エラー TS2304:名前「Promise」が見つかりません。21 08 2016 16:31:37.438:エラー [framework.browserify]: バンドル エラー 21 08 2016 16:31:37.439:エラー [framework.browserify]: TypeScript エラー: C: /P4Space/Labs/MainRls/Labs/Web/PatientPortal/node_modules/@angular/core/src/application_ref.d.ts(137,42): エラー TS2304: 名前 'Promise' が見つかりません。21 08 2016 16:31:37.440:エラー [framework.browserify]: バンドル エラー 21 08 2016 16:31:37.441:エラー [framework.browserify]: TypeScript エラー: C:/P4Space/Labs/MainRls/Labs/Web/ PatientPortal/node_modules/@angular/core/src/application_ref.d.ts(196,33): エラー TS2304: 名前 'Promise' が見つかりません。
ファイル d.ts を構成ファイル セクション @ karma.config に追加しようとしましたが、うまくいきませんでした。
javascript - webpack と Express.js を使用して React アプリをデプロイする
React を使用してアプリケーションを開発しており、クライアント部分のモジュール バンドラーとして webpack を使用しています。サーバーには Express.js を使用しています。
クライアントの場合、構成に webpack.config.dev.js を使用npm start
し、localhost:3000 で Web サーバーを起動するために使用します。
サーバーには app.js ファイルがありnode bin/www
、高速サーバーを起動するために使用しますが、サーバーを起動するには別のポート (この場合は localhost:3100) を指定する必要があります。
クライアントとサーバーの両方にpackage.jsonしかありません。
クライアントとサーバーの両方を同じドメインにデプロイする方法はありますか? もしそうなら、どうすればいいですか?localhost:3100/data/users を実行する代わりに、クライアント コードからエンドポイントを /data/users として参照したいと考えています。
以下の webpack config、express config、および package.json を参照してください (役立つ場合があります)。
webpack.config.dev.js:
サーバー側の app.js:
そして package.json: