問題タブ [es6-module-loader]
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.
javascript - Electron アプリでの予期しないトークンのインポート
GitHub の Electron を使用してアプリを作成しました。モジュールをロードする推奨される方法、次の ES6 構文を使用しています。
import os from 'os'
定型文をダウンロードした後、アプリは正常に動作しています。background.js
ファイルにスクリプトを問題なくインポートできました。以下は、カスタムモジュールをロードする方法です。
import { loadDb } from './assets/scripts/database.js';
しかし、clipboard.html
Electron 内で新しいブラウザー ウィンドウ ( ) を開くと、JavaScript ファイル ( ) が読み込まれ、モジュールclipboard.js
化が試行されます。import
この時点で、Unexpected token import
エラーが発生しています。
私のclipboard.html
:
私のclipboard.js
ファイル:
繰り返しになりますが、アプリのメイン ウィンドウである 内で同じコードが使用されてapp.html
いますが、これはエラーになりません。
メイン ウィンドウが、ウィンドウが初期化していないもの (おそらく「ロールアップ」?) を初期化しているように感じますがclipboard.html
、アプリのコード内にこれを示唆する明示的な記述はありません。
javascript - es6-module デフォルト エクスポート 未定義としてインポート
ここで何が欠けているのかわかりません。私は jspm と es6-module-loader を使用してプロジェクトに取り組んでいます。次のように定義されたモジュールがあります。
このモジュールを別のファイルにインポートして、次のように使用しています。
ファイルが読み込まれると、エラーが発生しutils
ますundefined
。ファイルを次のように変更すると:
正しく動作します。そのため、デフォルトの export ステートメントで何かが正しく機能していないようです。この問題の原因となる import または export ステートメントに明らかに問題があるのでしょうか?
angular - SystemJS と AngularJS 2
アプリケーションの Core Angular2 モジュールと呼ばれるものをロードしようとしています。モジュールは Typescript を使用して開発されています。これは、Angular.IO サイトの同じクイック スタート チュートリアルと考えることができます。
私が行おうとしている変更は、モジュールを 2 レベルの深さからロードすることです。例えば。このチュートリアルでは、ルート ディレクトリから Main.js ファイルを読み込みます。ディレクトリ /assets/js/core/Main.js から Main.js ファイルをロードしたい
ありがとうございます!
video - webpackを使用してReactにローカルビデオをロードするには?
ローカル ファイルから反応アプリで html5 ビデオをレンダリングする方法を理解できないようです。文字通り、これを機能させることができた唯一の方法は次のとおりです。
これが私が試したことです
1.パスを直接含める
エラーを返す
2.これらのローダーを一度に 1 つずつ webpack 構成に追加する
これはブラウザで次のエラーを吐き出します
3.ファイルに直接URLを追加してみました
それでもエラー:
4.この人がやったように、webpack構成にmp4拡張子を追加しようとしました
しかし運がない
5. webpack-isomorphic-tools の実装を開始しましたが、これが正しい方向であるかどうか確信が持てなかったため、一時停止しました。どうやらこの男はこの方法でそれを機能させたようです。(ファイルを参照)
ビデオファイルをロードする
ローダー規則の下のwebpackドキュメントにも気付きました。
これは、webpack が などの他のビデオ タイプをロードしないことを意味しますか?file-loader
.mov, .vob, .avi, etc.
コードを確認したい場合は、ここにリポジトリがあります。
資力
ecmascript-6 - VueJS でグローバルに利用可能な mixin
グローバルに利用できるミックスインを作成しようとしていますが、すべてのコンポーネントに自動的に挿入されるわけではありません。つまり、私はこれを望んでいません:Vue.mixin({...});
これらの指示に従ってプロジェクトをセットアップしました。これが私のプロジェクト構造です。assets/js/mixins.js
ミックスインを含むファイルもあります。
個々の .vue ファイルでこれを実行できるようにしたいと考えています (コンポーネントの多くは使用していますmyMixin
が、すべてではありません)。
これまでのところ、それを行う唯一の方法は、この行を必要とするすべてのコンポーネントの先頭に追加することです。
しかし、これを一度行い、myMixin
変数をグローバルに利用できるようにする方法はありますか? 私はそれを含めようとしましたが、子コンポーネントのいずれかで使用しようとするmain.js
とapp.vue
、「myMixin が定義されていません」というエラーが表示されます。myMixin
mixins.js
または、各コンポーネントでファイルへのパスを入力する必要のないミックスインを登録する別の方法はありますか?
javascript - ファイル拡張子を指定しないと TypeScript モジュールをインポートできません
私は TypeScript に非常に慣れていないので、TS ファイルであることを指定しなくても、TS ファイルをインポートできるはずです。
私がしなければなりません
私が望むのではなく、正しい方法だと思います
その結果、.js または .jsx で終わるファイルのみを探していることを示すエラーが発生します。
私の tsconfig.json は次のようになります
}
javascript - ブラウザーは ES6 のインポート/エクスポート構文をどのように処理しますか?
私はこの質問について何日も考えてきましたが、専門家に尋ねることにしました。
ブラウザーは新しいインポート/エクスポート構文をどのように処理しますか? つまり、モジュールは非同期でロードされますか? メイン ファイルまたはエントリ ファイルとブラウザのみを参照すると、requiere モジュールが遅延ロードされます。
たぶん、この新しいアーキテクチャについて何かが欠けているか、誤解していますか?
どうもありがとうございました!
よろしく。
javascript - ES6 のデフォルトおよび名前付きエクスポート
名前付きおよびデフォルトのエクスポートを理解しようとしています。セットアップ方法がわからない、一見基本的な要件があります。
両方をインポートできるようにしたい:
私が試してみると、これを行う最も近い方法は次のとおりです。
私の問題は、デフォルトのエクスポートで各関数のインデックスを再作成したくないことです。関数を定義し、それらがエクスポートされていることを確認して、どちらの方法でも使用できるようにしたいだけです。
提案?または、使用する必要がありますimport * as Mod from './my-module';
か?