問題タブ [onsen-ui2]

onsen2 と angular2 は初めてです。現在、ハイブリッドアプリを開発中です。デスクトップでは正常に動作しているが、android および ios ではエラーで動作しない angular2 Google マップを実装しようとしました (Google は定義されていません)。私が使用したコードを以下に示します。解決策は大歓迎です。

app.component.html

app.component.ts

私は Angular 2 で Web サイトを開発しており、Onsen UI カルーセル (水平方向) を使用しています。item-width 属性を使用して、複数の項目を持つように設定されています。

これは、デスクトップ ブラウザーで期待どおりに機能します。

ただし、モバイル デバイス (Android / iPhone) では、ページを下にスクロールして上に移動すると、カルーセル リストが自動的に最初の項目まで左にスクロールされることに気付きました。

OnsenUI のドキュメントを検索しようとしましたが、解決策を見つけることができませんでした。お勧めしてください。

やりました

続いて、angular2-onsenui.umd.js にマップするように systemjs.config.js を変更します。これが私の完全な systemjs.config.js です。

これを試してみましたが、役に立ちませんでした。

package.json にインストールされているバージョンは次のとおりです。

ブラウザ(chrome)のエラーメッセージ

"(SystemJS) Module not already loaded loading "@angular/core" as http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js . Error: Module not already loaded loading "@angular/ core" として http://localhost:3000/node_modules/@angular/core/bundles/core.umd.js . at Object.c ( http://localhost:3000/node_modules/angular2-onsenui/dist/bundles/angular2 -onsenui.umd.js:148:19 ) [] at webpack_require ( http://localhost:3000/node_modules/angular2-onsenui/dist/bundles/angular2-onsenui.umd.js:31:30 ) [] at Object .eval ( http://localhost:3000/node_modules/angular2-onsenui/dist/bundles/angular2-onsenui.umd.js:72:11 ) [] at webpack_require( http://localhost:3000/node_modules/angular2-onsenui/dist/bundles/angular2-onsenui.umd.js:31:30 ) [] at c ( http://localhost:3000/node_modules/angular2-onsenui/ dist/bundles/angular2-onsenui.umd.js:51:18 ) [] at eval ( http://localhost:3000/node_modules/angular2-onsenui/dist/bundles/angular2-onsenui.umd.js:54:10 ) [] Object.eval ( http://localhost:3000/app/app.module.js:11:26 ) [] at eval ( http://localhost:3000/app/app.module.js:24 ) :4 ) [] http://localhost:3000/app/app.module.js を 評価 しています http://localhost:3000/main.js を評価しています http://localhost:3000/main.js の 読み込み中にエラー が発生しました"