無法獲得天青

我使用的基礎Ionic2空白應用與Ionic2/Angular2 /科爾多瓦應用工作。當我在home.ts中使用以下行實例化Azure無法獲得天青

import azureMobileClient from 'azure-mobile-apps-client';

，它部署時沒有錯誤。失敗只是Ripple上的空白屏幕或設備上的空白屏幕。我沒有看到任何構建錯誤。

當前設置： Win10 x64的的Visual Studio 2015年社區科爾多瓦CLI：6.3.1 離子Framework版本：2.0.0-RC.1 離子CLI版本：2.1.1 離子應用程序庫版本：2.1。 1 節點版本：v4.6.0

下面是我

從離子2創建新項目的步驟（測試版10）
空白Resto餐廳再依賴
跑「NPM安裝天青-移動應用的客戶端」（接收到的NPM WARN ENOENT ENOENT）
編輯的package.json，加入「天青-移動應用的客戶端」：「^ 2.0.0- rc1「
在app文件夾中，創建新文件declarations.d.ts。
新增
聲明模塊 '天青-移動應用的客戶端'; to declarations.d.ts（部署仍顯示首頁）
已編輯home.ts，添加
從'azure-mobile-apps-client'導入azureMobileClient;從'ionic-angular'導入{NavController}下的 ; （項目部署，但顯示黑屏）

的package.json

{ 
    "name": "io.cordova.myapp3e6a78", 
    "private": true, 
    "version": "0.0.1", 
    "description": "ionic2-ts-blank: An Ionic project", 
    "dependencies": { 
    "@angular/common": "2.0.0-rc.3", 
    "@angular/compiler": "2.0.0-rc.3", 
    "@angular/core": "2.0.0-rc.3", 
    "@angular/platform-browser": "2.0.0-rc.3", 
    "@angular/platform-browser-dynamic": "2.0.0-rc.3", 
    "@angular/http": "2.0.0-rc.3", 
    "es6-shim": "^0.35.0", 
    "ionic-angular": "2.0.0-beta.10", 
    "ionic-native": "1.2.4", 
    "ionicons": "3.0.0", 
    "reflect-metadata": "^0.1.3", 
    "rxjs": "5.0.0-beta.6", 
    "zone.js": "^0.6.12", 
    "azure-mobile-apps-client": "^2.0.0-rc1" 
    }, 
    "devDependencies": { 
    "del": "2.2.0", 
    "gulp": "3.9.1", 
    "gulp-watch": "4.3.5", 
    "ionic-gulp-browserify-typescript": "2.0.0", 
    "ionic-gulp-fonts-copy": "^1.0.0", 
    "ionic-gulp-html-copy": "^1.0.0", 
    "ionic-gulp-sass-build": "^1.0.0", 
    "ionic-gulp-scripts-copy": "^2.0.0", 
    "run-sequence": "1.1.5", 
    "typings": "^1.3.1" 
    }, 
    "cordovaPlugins": [ 
    "cordova-plugin-whitelist", 
    "cordova-plugin-console", 
    "cordova-plugin-statusbar", 
    "cordova-plugin-device", 
    "cordova-plugin-splashscreen", 
    "ionic-plugin-keyboard" 
    ], 
    "cordovaPlatforms": [ ], 
    "scripts": { 
    "build": "node_modules/.bin/gulp build", 
    "typings": "node_modules/.bin/typings install", 
    "postinstall": "npm run typings && npm run build" 
    } 
}

declarations.d.ts declare module 'azure-mobile-apps-client';

home.ts

import {Component} from '@angular/core'; 
import {NavController} from 'ionic-angular'; 
import azureMobileClient from 'azure-mobile-apps-client'; 

@Component({ 
    templateUrl: 'build/pages/home/home.html' 
}) 
export class HomePage { 
    constructor(private navController: NavController) { 
    } 
    onLink(url: string) { 
     window.open(url); 
    } 
}

來源

2016-10-23 Aeroradish

你對這個問題有什麼好運？ –

@RandikaRatnayake我進一步了，但仍然無法讓Azure連接。我手動添加了所有的包，因爲有某種加載問題。我還必須手動添加Azure類型，然後頁面纔會加載，但是一旦我實際調用了任何Azure方法，就會出現實例化錯誤。我嘗試使用應用程序級別和頁面級別的Azure對象聲明，都無濟於事。非常令人沮喪。我能夠進行正常的網絡通話，但不能Azure。我沒有在兩個月內玩過它.. 如果你有任何見解，我會很感激他們。 – Aeroradish

我還在努力，會讓你張貼。 –

你是不是實際上在您的代碼中使用azureMobileClient，除了將它引入之外.ENOENT意味着它的確如此沒有得到下載。你需要一個成功的npm安裝，然後才能使用它。然後你真的需要使用它。

來源

2016-10-24 02:01:09

無法獲得天青

回答

相關問題