問題タブ [rollupjs]
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 - ionic2、Typescript、RollupJs、es2015 モジュールを使用した「lodash-es」での TS エラー
lodash
を含む新しいionic2@RC.0
プロジェクトテンプレートで使用しています
- タイプスクリプト
- 巻き上げる
- es2015 モジュール
これは私のために働く:
しかし、どうやら木が揺れるもののため、lodash-es
と一緒にお勧めです。Rollup
しかし、私がこれを行うとき:
Typescript
エラーが発生する
error TS2307: Cannot find module 'lodash-es'.
ただし、トランスパイルされたものjavascript
は実際に機能し、正しく実行されます。何を与える?
これが私のtsconfig
javascript - モジュールではない外部 npm lib をインポートするための「d.ts」ファイルの作成方法
モジュールとして書かれていないnpm libを使いたい
npm install "js-marker-clusterer" --save
これにより、必要な JS ファイルがインストールされます。
./node_modules/js-marker-clusterer/src/markerclusterer.js
TS ファイルでこのクラスを拡張して使用したいと考えています。TS docs によると、shorthand ambient module
これを行うために a を宣言できますが、さまざまなファイルをどこに置くべきかわかりません。
省略形アンビエント モジュール
新しいモジュールを使用する前に宣言を書き出すのに時間をかけたくない場合は、省略形の宣言を使用してすぐに始めることができます。
declares.d.ts (このファイルはどこに置くのですか?)
省略形モジュールからのすべてのインポートは any 型になります。
現在、次のものがありますが、正しくありません。
./src/app/shared/my-marker-clusterer.d.ts
/src/app/shared/my-marker-clusterer.ts
モジュールを優先して使用しrollupjs
ていますes2015
angular - ロールアップと Redux:「index.js はデフォルトをエクスポートしません」
イオン アプリをベータ 11 から rc0 に更新しました。つまり、angular2 rc4 から angular2 安定版に、typescript 1.8 から 2 に、rollupjs モジュール バンドラーを使用して切り替えたことを意味します。
Redux アーキテクチャがあり、Redux ライブラリを使用しています。
コンパイルできず、次のエラーが発生します。
エラー: モジュール c:\XXX\node_modules\redux\node_modules\symbol-observable\index.js はデフォルトをエクスポートしません (c:\XXX\node_modules\redux\es\createStore.js によってインポートされます)
Module.trace で (c:\XXX\node_modules\rollup\dist\rollup.js:7677:29)
ModuleScope.findDeclaration で (c:\XXX\node_modules\rollup\dist\rollup.js:7300:22)
Scope.findDeclaration で (c:\XXX\node_modules\rollup\dist\rollup.js:5351:39)
Scope.findDeclaration で (c:\XXX\node_modules\rollup\dist\rollup.js:5351:39)
Identifier.bind (c:\XXX\node_modules\rollup\dist\rollup.js:6489:29)
c:\XXX\node_modules\rollup\dist\rollup.js:5151:50
MemberExpression.eachChild で (c:\XXX\node_modules\rollup\dist\rollup.js:5168:5)
MemberExpression.bind (c:\XXX\node_modules\rollup\dist\rollup.js:5151:7)
MemberExpression.bind (c:\XXX\node_modules\rollup\dist\rollup.js:6693:24)
c:\XXX\node_modules\rollup\dist\rollup.js:5151:50
誰が何が起こっているのかについて何か考えがありますか? 誰かが私にいくつかの指針を与えることができますか? これに対処する方法がよくわかりません。
これは私がrollup.config.jsに持っているものです
angular - immutable.js はマップをエクスポートしません
最近、Ionic2 プロジェクトを から2.0.0-beta.11
に更新しました2.0.0-rc.0
。Immutable.js (バージョン ^3.8.1) を使用しています。更新後、Ionic Serve コマンド中に次のエラーが発生しました。
app.module.ts ファイルにインクルードを追加する必要があるかどうかわかりません。私はおそらく何かが恋しいです。
ありがとう。
angular - Firebase ionic2-rc0 とロールアップ - 「ロールアップ: `eval` の使用は強くお勧めしません」
イオン アプリをベータ 11 から rc0 に更新しました。つまり、angular2 rc4 から angular2 安定版に、typescript 1.8 から 2 に、rollupjs モジュール バンドラーを使用して切り替えたことを意味します。
このブログ投稿に従って AngularFire2 を構成しました: Getting Started with Ionic 2 RC0, Firebase 3 + AngularFire 2
コンパイルできず、次のエラーが発生します。
ロールアップ: ofeval (c:\XXX\node_modules\angularfire2\node_modules\firebase\firebase.js 内) の使用は、セキュリティ リスクをもたらし、縮小化の問題を引き起こす可能性があるため、強くお勧めしません。詳細については 、 https://github.com/rollup/rollup/wiki/Troubleshooting#avoiding-evalを参照 してください
何が起こっているのか、これに取り組む方法を知っている人はいますか?
bundle - Typescript デコレータ モジュールを使用した Rollupjs ツリー シェイキング
スクリプト内のモジュールで typescript デコレーターを使用している場合、rollupjs はインポートされたモジュールではなくモジュール全体をバンドルします。
main.js
index.js
display.js
form.js
formV モジュールは main.js ファイルにインポートされませんが、出力ファイルにもバンドルされています。
rollup.config.js
ionic-framework - index.html のカスタム スクリプト タグは、Ionic 2 RC.0 の各ビルドで削除されます。
RC.0 で動作するように Ionic 2 アプリを再構築していますが、Charts.js に問題があります。うまく機能する ng2-chartjs2 モジュールを使用していますが、index.html に含まれる Charts.js 2.0 ライブラリも必要です。スクリプト タグを www/index.html に簡単に追加できますが、動作しますが、ビルドするたびに消えます。これは、ロールアップがビルドごとに index.html ファイルを書き直し、script タグを削除しているためだと推測されます。
どうすればこれを回避できますか? Chart.js ライブラリを含めるようにロールアップ ビルド ステージを構成する必要がありますか? もしそうなら、どうすればこれを達成できますか?
前もって感謝します、フィル
javascript - ES2017 のトランスパイルおよびバンドル時の Babel/Rollup エラー
Rollup と Babel を使用してES2017
JavaScript (特にasync/await
関数) をトランスパイルするときにエラーが発生します。ES5
「babel」プラグインで \src\index.js を変換中にエラーが発生しました: オプション {"modules":false} が \node_modules\babel-preset-es2017\lib\index.js に渡されましたが、これはオプションを受け入れません。
私の.babelrc
ファイル:
当然、presets
からes2017
に変更してコードes2015
をコメントアウトすると、エラーはなくなりasync/await
ます。
アプリケーションはES2017
機能 (つまりasync/await
) を使用しますが、NPM パッケージとして (ES6 (ES2015)
モジュールとして) 公開され、後でジェネリックにトランスパイルされることに注意してES5 (ES2009)
ください。
どうすればこのエラーを回避し、ES2017
楽しくトランスパイルできES5
ますか?