問題タブ [es6-modules]
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 - インポート値はエクスポート値から切り離されたまま読み取り専用ですか?
次のモジュール構造が与えられます。
export default b
式 (または)のデフォルトのエクスポートがある場合export default 1
、対応するインポートはこのエクスポート値から切断されます。これを考慮すると、そのようなインポートはまだ読み取り専用ですか、つまり、再割り当てできますa
かc
?
ember.js - 統合テストのレンダリング プロセス - EmberJS
アドオン コンポーネントの 1 つの統合テストを書いています。また、 npm linkを使用して兄弟プロジェクトにリンクしました:
問題のコンポーネントでmy-linked-project
ミックスインの1 つを使用します。my-project
これは実行中のアプリケーションで正常に動作しますがrender
、統合テストでいくつかの問題が発生するようです。
しかし、私は得るError: Could not find module 'my-linked-project/mixins/foo'
。
render
/hbs
が呼び出され たときに何が起こるかについて、どこで詳しく読むことができますか?- 問題は、外部リンクされたプロジェクトを見つけることができないテスト ファイルの場所でしょうか?
javascript - 「インポート」ステートメントが誤ってトランスパイルされていますか?
次の 2 行は同等であると理解しています。
と...
write-up
どちらの例も、モジュールのデフォルトのエクスポートを として利用できるようにする必要がありますUp
。
残念ながら、Babel と Webpack を使用すると、これは私が見ている動作ではありません。
最初の例は問題なく動作します。次の行が生成されます。
Up
モジュールのデフォルトのエクスポートに設定されていますwrite-up
。これは私が期待する動作です。
2 番目の例は機能しません。それはこれを生成します:
Up
デフォルトのエクスポートに設定する代わりに、モジュール (フィールドを含む)Up
のすべてのエクスポートを含むオブジェクトに設定されます。write-up
default
私は何を間違っていますか?
Webpack 構成の関連部分は次のとおりです。
javascript - 反応変数が DOM でレンダリングされないのはなぜですか?
私は反応を学んでおり、公式の反応ウェブサイトcreate-reactからこの github リポジトリを使用しています。
指示に従い、App.js
提供されている の編集を開始しました。
私の App.js ファイルでは、クラスを作成し、 IDTodo
を使用して DOM にレンダリングしています。#container
App.js
ファイルは次のとおりです。
index.js
ファイルは次のとおりです。
そして、ここにindex.html
ファイルがあります:
Webページを開くと、このエラーが発生します21:5 warning 'Todo' is defined but never used no-unused-vars
ここで何が起こっているのですか?
javascript - Mocha は、インポートされたコードでモジュールを見つけることができません
私は Phoenix アプリを持っていて、Mocha を JavaScript 単体テスト用に接続しようとしています。モジュール 'One' をインポートするモジュール 'Two' をテストしたいのですが、モジュール 1 を見つけるように Mocha を構成する方法がわかりません。
テストコードは次のとおりです。
ウェブ/静的/js/one.js
ウェブ/静的/js/two.js
> test/js/two_test.js
これが私が実行したときの出力ですnpm test
ブランチ.config
javascript - import ステートメント内での代入の構造化解除
このソースと、どこかのプロジェクトでこの種の使用法を見たという漠然とした記憶によると、誰かが次のことを行うことができたかどうか知りたいです:
この分割割り当ての概要で述べたように:
ES6 の import ステートメントは構造化解除と同様に動作しますが、実際には構造化解除ではないことに注意することが重要です。
インポートの動作が少し異なるようで、まったく同じ動作を期待できない可能性がありますが、この状態を確認することはできませんでした。私がやろうとしていることは、公式の ECMAScript 6/7 仕様の一部ですか?
これに答えるために、この懸念を明確にする仕様の部分を含めてください (またはリンクしてください)。