Articles of ionic2

离子2-在使用npm install安装node_modules时出错?

我已经安装了最新的Node JS(V8.1.0) ,Ionic和Cordova然后尝试使用npm install命令安装node_modules ,在使用ionic start myApp tabs卡创build的离子演示选项卡项目中,出现以下错误。 我正在使用Windows 10 Pro 。 我已经尝试了很多,但还没有解决这个问题。 任何帮助将不胜感激。 npm install ✖ Running command – failed! [ERROR] An error occurred while running npm install (exit code 1): npm WARN prefer global node-gyp@3.6.2 should be installed with -g > node-sass@4.5.0 install E:\Hybrid Project Locker\NFB\node_modules\node-sass > node scripts/install.js Downloading binary from https://github.com/sass/node-sass/releases/download/v4.5.0/win32-x64-57_binding.node […]

Ionic2安装后的离子安装

我试图安装Ionic2没有成功,所以我决定回到Ionic,但是在这个过程中出了问题,我不能重新安装离子和cordova。 之后sudo npm install -g cordova ionic ,我试图运行ionic ,得到: xx@xxx:~/dev$ ionic info module.js:328 throw err; ^ Error: Cannot find module 'xmlbuilder' at Function.Module._resolveFilename (module.js:326:15) at Function.Module._load (module.js:277:25) at Module.require (module.js:354:17) at require (internal/module.js:12:17) at Object.<anonymous> (/usr/local/lib/node_modules/ionic/node_modules/xml2js/lib/xml2js.js:12:13) at Object.<anonymous> (/usr/local/lib/node_modules/ionic/node_modules/xml2js/lib/xml2js.js:436:4) at Module._compile (module.js:410:26) at Object.Module._extensions..js (module.js:417:10) at Module.load (module.js:344:32) at Function.Module._load (module.js:301:12) 我的版本是: xx@xxx:~/dev$ npm -v […]

log4js和winston logger在试图从离子cli运行业力时发生冲突

我试图运行一个webpack插件的业力。 这只是: var Server = require('karma').Server; new Server({ configFile: config, singleRun: true }, doneCallback }).start(); 外离子cli包使用winstonlogging器,而业力使用log4js,我认为他们是冲突,因此我得到的错误如: 24 02 2016 00:54:52.530:ERROR [karma]: [TypeError: Can't call method on undefined] TypeError: Can't call method on undefined at TypeError (native) at module.exports (/Users/szymon/git/ionic-movie-app/node_modules/karma/node_modules/core-js/modules/_defined.js:3:28) at createHTML (/Users/szymon/git/ionic-movie-app/node_modules/karma/node_modules/core-js/modules/_string-html.js:7:19) at bold (/Users/szymon/git/ionic-movie-app/node_modules/karma/node_modules/core-js/modules/es6.string.bold.js:5:12) at cb (/usr/local/lib/node_modules/ionic/node_modules/ionic-app-lib/node_modules/winston/lib/winston/logger.js:206:7) 因为两个logging器可能在String原型上重写了一些东西。 我想知道有什么可以避免这种情况。 我认为这不是改变业力或离子包装的select。

如何使用IBM IoTF nodeJS库将移动应用程序(Ionic 2)连接到IBM IoT

我在一个基于Cordova的物联网项目。 我正在使用Ionic 2框架(Typescript)。 正是问题所在:我在将移动应用程序连接到IBM IoT平台时遇到问题。 ::在前端:: 我有Mobilerified版本的移动应用程序代码( app.bundle.js )。 ::在后端:: 我有根据Loopback应用程序的通用结构的server.js文件。 这是我目前遇到的问题: IBM IoTf是一个nodeJS库。 但它有一个Browserified捆绑版本( iotf-client.bundle.js )。 该应用程序还有一个Browserified捆绑版本( app.bundle.js )。 如果我在应用程序构build过程中同时使用了捆绑版本,则只有其中一个function – 应用程序或IBM IoT可以运行; 但不是两者。 由于IBMIoTF对窗口全局对象不可用。 应用程序后端( server.js )未连接到Bluemix。 如果尝试使用ibmbluemix nodeJS程序包(现在不推荐使用)将其初始化到Bluemix平台,那么移动前端将无法连接到Bluemix平台。 所以,我可以推断,我无法从移动前端和后端连接并初始化Bluemix SDK。 在这种情况下,我应该如何从移动应用程序到移动后端连接到IBM物联网平台? 它使用简单的GET / POST HTTP请求吗? 如果是的话,我也尝试从Ionic(绑定在app.bundled.js)发送一个HTTP POST请求到移动后端(server.js)。 但没有任何事情发生。 PS:我已经安装了cordova-whitelist插件 这是项目的URL: https://github.com/somnathbm/pearl

Ionic2 Typescript Device Build Error'uglifyjs failed:SyntaxError:意外的标记操作符«=»,预期的punc«,»`

我正在尝试在Ionic应用程序中创build一个360video播放器。 我的代码如下。 HTML: <ion-content> <video id="videojs-panorama-player" class="video-js vjs-default-skin" src="" crossorigin="anonymous" controls ref="player"> <source src="/assets/beach.mp4" type='video/mp4'> </video> </ion-content> 打字稿: import { Component } from '@angular/core'; import { NavController, Platform } from 'ionic-angular'; import videojs from 'video.js'; import panorama from 'videojs-panorama'; @Component({ selector: 'page-home', templateUrl: 'home.html' }) export class HomePage { private player: any; constructor(public navCtrl: NavController, […]

安装离子2错误:npm错误无法读取与Windows 10的属性“path”null

安装离子2与Windows 10时,我有问题。我已经安装npm LST版本和types npm install -g ionic cordova 但得到一个错误 npm ERR! 无法读取null的属性“path” 什么问题,我也做npm cache clean也不能正常工作。

离子未满足的同伴依赖环路

我正在尝试将@ionic-native/dialogs到我的应用程序中。 我通过在应用程序目录中运行npm install –save @ionic-native/dialogs来实现这一点,并且出现以下错误: +– UNMET PEER DEPENDENCY @angular/common@2.4.8 +– UNMET PEER DEPENDENCY @angular/compiler@2.4.8 +– UNMET PEER DEPENDENCY @angular/core@2.4.8 +– UNMET PEER DEPENDENCY @angular/forms@2.4.8 +– UNMET PEER DEPENDENCY @ionic-native/core@^3.6.0 +– @ionic-native/dialogs@3.9.0 +– UNMET PEER DEPENDENCY rxjs@5.0.1 `– UNMET PEER DEPENDENCY zone.js@0.7.2 npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\chokidar\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL […]

无法发布来自Ionic应用程序的HTTP请求

我正尝试login到本地托pipe的应用程序(现在)使用ionic framework。 这是我login的nodejs后端代码,这是为web应用程序的意思,但现在我也为android platfrom // process the login form app.post('/login', passport.authenticate('local-login', { successRedirect: '/profile', // redirect to the secure profile section failureRedirect: '/login', // redirect back to the signup page if there is an error failureFlash: true // allow flash messages })); HTML代码在离子 <ion-item> <ion-input type="text" placeholder="Email" name="email" [(ngModel)]="email"></ion-input> </ion-item> <ion-item> <ion-input type="password" placeholder="Password" name="password" […]

Angular2 http向其他端口上的nodejs服务器发送请求

我有一个在localhost:4200上运行的angular2应用程序,在localhost:3000上运行nodejs服务器。 我想用http.post将数据发布到服务器,但是在req.body或req.params的nodejs服务器中我得到了未定义的数据。 起初,我有从服务器呈现的angular2应用程序,这意味着我只有localhost:3000的nodejs,我根本没有任何问题,所以这不是sytax问题,但是当我想分开客户端和服务器,我不能'不发表任何要求。 GET请求的作品。 我有TodoService与服务器交互,并具有saveTodofunction。 newTodo是有效的,console.log提供了正确的信息。 我试过发布json和张贴与url-params和两个不工作:发布json: saveTodo(newTodo: any) { let headers = new Headers(); headers.append('Content-Type','application/json'); return this.http.post('/api/v1/todo', JSON.stringify(newTodo), {headers: headers}) .map(res => res.json()); } 发布url参数: saveTodo(newTodo: any) { let headers = new Headers(); headers.append('Content-Type','application/x-www-form-urlencoded'); let body = new URLSearchParams(); body.set('newTodo', newTodo); return this.http.post('/api/v1/todo', body, {headers: headers}) .map(res => res.json()); } 我从组件中调用这个函数: addTodo(event: any) { […]

cordova不是一个有效的任务

我格式化我的Mac并设置离子环境 1.install node.js 2.npm install -g cordova 3.npm install -g ionic@2.2.3 之后, ionic serve -l可以运行没有错误,但是当我尝试build立android ionic cordova build android –prod错误出来。 离子信息: Your system information: Cordova CLI: You have been opted out of telemetry. To change this, run: cordova telemetry on. 7.0.1 Ionic Framework Version: 2.0.0 Ionic CLI Version: 2.2.3 Ionic App Lib Version: 2.2.1 Ionic […]