OnsenUIをAngular 4に統合

Question

Angular 2（バージョン4）AppでOnsenUIを統合するのは本当に苦労しています。このプロジェクトは、最新のAngular CLIを使用して生成されました。 OnsenUIのドキュメントが最新ではないようです。だから、

それはドキュメントに記載されているよう

import {OnsenModule} from 'angular2-onsenui'; 
import {CUSTOM_ELEMENTS_SCHEMA} from '@angular/core'; 
. 
. 
. 
@NgModule({ 
imports: [ 
    OnsenModule, 
    BrowserModule 
], 
schemas: [CUSTOM_ELEMENTS_SCHEMA] 

を追加した場合：私は使用したくない

Uncaught ReferenceError: ons is not defined 
at Object../node_modules/angular2-onsenui/dist/src/ons/notification.js (notification.js:5) 
at __webpack_require__ (bootstrap 43794b3…:54) 
at Object../node_modules/angular2-onsenui/dist/src/angular2-onsenui.js (angular2-onsenui.js:16) 
at __webpack_require__ (bootstrap 43794b3…:54) 
at Object../src/app/app.module.ts (app.component.ts:12) 
at __webpack_require__ (bootstrap 43794b3…:54) 
at Object../src/main.ts (environment.ts:8) 
at __webpack_require__ (bootstrap 43794b3…:54) 
at Object.2 (main.ts:12) 
at __webpack_require__ (bootstrap 43794b3…:54) 
./node_modules/angular2-onsenui/dist/src/ons/notification.js @ 
notification.js:5 
__webpack_require__ @ bootstrap 43794b3…:54 
./node_modules/angular2-onsenui/dist/src/angular2-onsenui.js @  angular2-onsenui.js:16 
__webpack_require__ @ bootstrap 43794b3…:54 
./src/app/app.module.ts @ app.component.ts:12 
__webpack_require__ @ bootstrap 43794b3…:54 
./src/main.ts @ environment.ts:8 
__webpack_require__ @ bootstrap 43794b3…:54 
2 @ main.ts:12 
__webpack_require__ @ bootstrap 43794b3…:54 
webpackJsonpCallback @ bootstrap 43794b3…:25 
(anonymous) @ main.bundle.js:1 

：私は次のエラーを取得しています https://onsen.io/v2/docs/guide/angular2/

モナカテンプレート、これは問題を解決しません。

最後に

Answer 1

が解決得た：限りOnsenUIは角4をサポートしていないよう を、あなたは.angular_cli.jsonに以下を追加する必要があります。

"styles": [ 
    "../node_modules/onsenui/css/onsen-css-components.css", 
    "../node_modules/onsenui/css/onsenui.css" 
    ], 
    "scripts": [ 
    "../node_modules/onsenui/js/onsenui.js" 
    ], 

Answer 2

全く同じ問題。しかし、angle-cliの依存関係をインストールし、.angular-cli.jsonを更新しても私はうまくいきませんでした（原点では、私のプロジェクトはangular-cliによって生成されませんでした）。私は角4 + OnsenUIシードとgithubのレポをオープンしましましたが、多分あなたは解決することができます