問題タブ [es6-module-loader]

GitHub の Electron を使用してアプリを作成しました。モジュールをロードする推奨される方法、次の ES6 構文を使用しています。

import os from 'os'

定型文をダウンロードした後、アプリは正常に動作しています。background.jsファイルにスクリプトを問題なくインポートできました。以下は、カスタムモジュールをロードする方法です。

import { loadDb } from './assets/scripts/database.js';

しかし、clipboard.htmlElectron 内で新しいブラウザー ウィンドウ ( ) を開くと、JavaScript ファイル ( ) が読み込まれ、モジュールclipboard.js化が試行されます。importこの時点で、Unexpected token importエラーが発生しています。

私のclipboard.html：

私のclipboard.jsファイル:

繰り返しになりますが、アプリのメイン ウィンドウである 内で同じコードが使用されてapp.htmlいますが、これはエラーになりません。

メイン ウィンドウが、ウィンドウが初期化していないもの (おそらく「ロールアップ」?) を初期化しているように感じますがclipboard.html、アプリのコード内にこれを示唆する明示的な記述はありません。

ここで何が欠けているのかわかりません。私は jspm と es6-module-loader を使用してプロジェクトに取り組んでいます。次のように定義されたモジュールがあります。

このモジュールを別のファイルにインポートして、次のように使用しています。

ファイルが読み込まれると、エラーが発生しutilsますundefined。ファイルを次のように変更すると:

正しく動作します。そのため、デフォルトの export ステートメントで何かが正しく機能していないようです。この問題の原因となる import または export ステートメントに明らかに問題があるのでしょうか?

アプリケーションの Core Angular2 モジュールと呼ばれるものをロードしようとしています。モジュールは Typescript を使用して開発されています。これは、Angular.IO サイトの同じクイック スタート チュートリアルと考えることができます。

私が行おうとしている変更は、モジュールを 2 レベルの深さからロードすることです。例えば。このチュートリアルでは、ルート ディレクトリから Main.js ファイルを読み込みます。ディレクトリ /assets/js/core/Main.js から Main.js ファイルをロードしたい

ありがとうございます！

だから私はCSSローダーをwebpack.config.jsに追加しようとしてきました、私のコードは次のようになります:

そして、これは私が電話したときのすべてのファイルとそれらへのパスを含む写真です

それはうまく実行されますが、私が呼び出すと

エラーが表示されます。どこかで間違ったパスを定義していますか、それともローダーを間違って記述しましたか?

ローカル ファイルから反応アプリで html5 ビデオをレンダリングする方法を理解できないようです。文字通り、これを機能させることができた唯一の方法は次のとおりです。

これが私が試したことです

1.パスを直接含める

エラーを返す

2.これらのローダーを一度に 1 つずつ webpack 構成に追加する

これはブラウザで次のエラーを吐き出します

3.ファイルに直接URLを追加してみました

それでもエラー：

4.この人がやったように、webpack構成にmp4拡張子を追加しようとしました

しかし運がない

5. webpack-isomorphic-tools の実装を開始しましたが、これが正しい方向であるかどうか確信が持てなかったため、一時停止しました。どうやらこの男はこの方法でそれを機能させたようです。(ファイルを参照)

ビデオファイルをロードする ローダー規則の下のwebpackドキュメントにも気付きました。 これは、webpack が などの他のビデオ タイプをロードしないことを意味しますか?file-loader.mov, .vob, .avi, etc.

コードを確認したい場合は、ここにリポジトリがあります。

資力

• Webpack ドキュメント: ローダーの規則
• WebM および MP4 ローダーをデフォルトの Webpack 構成に追加する
• videoファイルローダーを使用して mp4 ビデオをタグにロードする
• ファイルローダー経由でリソースを読み込めません

グローバルに利用できるミックスインを作成しようとしていますが、すべてのコンポーネントに自動的に挿入されるわけではありません。つまり、私はこれを望んでいません:Vue.mixin({...});

これらの指示に従ってプロジェクトをセットアップしました。これが私のプロジェクト構造です。assets/js/mixins.jsミックスインを含むファイルもあります。

個々の .vue ファイルでこれを実行できるようにしたいと考えています (コンポーネントの多くは使用していますmyMixinが、すべてではありません)。

これまでのところ、それを行う唯一の方法は、この行を必要とするすべてのコンポーネントの先頭に追加することです。

しかし、これを一度行い、myMixin変数をグローバルに利用できるようにする方法はありますか? 私はそれを含めようとしましたが、子コンポーネントのいずれかで使用しようとするmain.jsとapp.vue、「myMixin が定義されていません」というエラーが表示されます。myMixin

mixins.jsまたは、各コンポーネントでファイルへのパスを入力する必要のないミックスインを登録する別の方法はありますか?

私は TypeScript に非常に慣れていないので、TS ファイルであることを指定しなくても、TS ファイルをインポートできるはずです。

私がしなければなりません

私が望むのではなく、正しい方法だと思います

その結果、.js または .jsx で終わるファイルのみを探していることを示すエラーが発生します。

私の tsconfig.json は次のようになります

}

私はこの質問について何日も考えてきましたが、専門家に尋ねることにしました。

ブラウザーは新しいインポート/エクスポート構文をどのように処理しますか? つまり、モジュールは非同期でロードされますか? メイン ファイルまたはエントリ ファイルとブラウザのみを参照すると、requiere モジュールが遅延ロードされます。

たぶん、この新しいアーキテクチャについて何かが欠けているか、誤解していますか?

どうもありがとうございました！

よろしく。

名前付きおよびデフォルトのエクスポートを理解しようとしています。セットアップ方法がわからない、一見基本的な要件があります。

両方をインポートできるようにしたい:

私が試してみると、これを行う最も近い方法は次のとおりです。

私の問題は、デフォルトのエクスポートで各関数のインデックスを再作成したくないことです。関数を定義し、それらがエクスポートされていることを確認して、どちらの方法でも使用できるようにしたいだけです。

提案？または、使用する必要がありますimport * as Mod from './my-module';か?