在角4集成OnsenUI 4
问题描述:
我真的在为我的Angular 2(4版)应用集成OnsenUI而苦苦挣扎。该项目是使用最新的Angular CLI生成的。 看来OnsenUI文档并不是最新的。在角4集成OnsenUI 4
所以,如果添加
import {OnsenModule} from 'angular2-onsenui';
import {CUSTOM_ELEMENTS_SCHEMA} from '@angular/core';
.
.
.
@NgModule({
imports: [
OnsenModule,
BrowserModule
],
schemas: [CUSTOM_ELEMENTS_SCHEMA]
,因为它是在文档中描述: https://onsen.io/v2/docs/guide/angular2/
,我发现了以下错误:
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
我不希望使用monaca模板,这不会解决问题。
答
终于得到了解决: 只要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"
],
答
完全相同的问题。但是,安装angular-cli依赖项并更新.angular-cli.json并不适用于我(原始位置,我的项目不是由angular-cli生成的)。 看来他们正在努力角4支持:
https://github.com/OnsenUI/OnsenUI/tree/angular4-support
拭目以待......
我已经运行结束一个GitHub库与角4 + OnsenUI种子,也许你可以解决通过比较源代码问题。 https://github.com/btxtiger/cordova-angular-onsenui – btx
谢谢!我会检查出来的 – Michat