标签: ionic3

我将cli更新为离子3版本,当我运行时

离子cordova运行android

构建apk文件并在android模拟器中运行我收到此错误

    C:\Users\XXXX\Desktop\beep>ionic cordova run android
Running app-scripts build: --address 0.0.0.0 --port 8100 --p 8100 --livereload-port 35729 --r 35729 --iscordovaserve --externalIpRequired --nobrowser

[20:52:20]  build dev started ...
[20:52:20]  clean started ...
[20:52:20]  clean finished in 11 ms
[20:52:20]  copy started ...
[20:52:20]  transpile started ...
[20:52:22]  transpile finished in 2.53 s
[20:52:22]  preprocess started ...
[20:52:22]  deeplinks started ...
[20:52:23]  deeplinks finished in 52 ms
[20:52:23]  preprocess finished in 54 ms
[20:52:23]  webpack started ...
[20:52:23]  copy finished in …

我几天前下载了Ionic 3,当我尝试使用的每个离子命令(离子信息,离子发射,离子启动等)之后,昨天突然出现这个错误,一切正常.

{FatalException错误(C:\ Users\X\AppData\Roaming \npm \node_modules\ionic \node_modules\@ionic\cli-utils\dist\lib\errors.js:8:23)在FatalException(C:在Config上的\ Users\X\AppData\Roaming \npm \node_modules\ionic \node_modules\@ionic\cli-utils\dist\lib\errors.js:17:9).(C:\ Users\X\AppData\Roaming \npm \node_modules\ionic \node_modules\@ionic\cli-utils\dist\lib\config.js:41:31)throw(native)at rejected(C:\ Users\X\AppData\Roaming \npm \node_modules\ionic \node_modules\@ionic\cli-utils\dist\lib\config.js:5:65)name:'Exception',exitCode:1,fatal:true}

我试图删除离子和cordova并使用我在网上找到的许多不同说明重新安装多次:

npm uninstall cordova ionic
npm cache clean -f
npm install npm -g
npm uninstall node
apt-get purge npm
apt-get install npm
npm install node -g

我也试图删除并重新安装节点,但这个错误保留在我试过的每个版本的离子3.XX.另一方面,离子2工作得很好.任何想法可能导致了什么以及如何解决它？

我正在使用:

• Windows 10
• npm:4.6.1
• node:v6.10.3
• cordova:7.0.1

我试图在访问他们的相机之前询问用户许可.我为此使用了离子诊断插件.在添加诊断插件之前,应用程序在Phonegap构建上构建良好.添加插件后,我通过Phonegap构建获得以下错误:

FAILURE:构建因异常而失败.

• 出了什么问题:任务执行失败':processDebugManifest'.

  清单合并失败:来自[com.android.support:support-v4:26.0.0-alpha1]的属性meta-data#android.support.VERSION@value value =(26.0.0-alpha1)AndroidManifest.xml:27:9 -38也存在于[com.android.support:appcompat-v7:25.3.1] AndroidManifest.xml:27:9-31 value =(25.3.1).建议:在AndroidManifest.xml:25:5-27:41中添加'tools:replace ="android:value"'到元素

我使用以下方法安装了插件:

$ ionic cordova plugin add cordova.plugins.diagnostic
$ npm install --save @ionic-native/diagnostic

在我的config.xml中,我有以下内容:

<preference name="android-minSdkVersion" value="16" />
<preference name="android-targetSdkVersion" value="23" />

<plugin name="cordova.plugins.diagnostic" spec="^3.6.5"/>

有没有人知道我在这里做错了什么？

运行$ ionic generate page pageName导致错误:

Generators are only available for Ionic 2 projects (CLI v2.2.2)

Your system information:

Cordova CLI: 7.0.1
Ionic Framework Version: 2.3.0
Ionic CLI Version: 2.2.2
Ionic App Lib Version: 2.2.1
Ionic App Scripts Version: 1.1.4
ios-deploy version: 1.9.1 
ios-sim version: 5.0.13 
OS: macOS Sierra
Node Version: v8.0.0
Xcode version: Xcode 8.3.3 Build version 8E3004b

这是从一个离子v2项目开始,但我认为我已更新为离子3. 按照说明更新到CLI v3后,我仍然得到同样的错误.

是否可以在TypeScript中为"hold click"事件分配按钮？

喜欢:

<button ion-button icon-only color="royal" (click)="addNote()" (holdclick)="removeNote()">

我正在尝试在一个简单的Google地图上获得几个标记。我正在使用使用Angular 4的Ionic 3。

我正在这样加载地图：

import { Component, ViewChild, ElementRef } from '@angular/core';
import { GoogleMaps } from '@ionic-native/google-maps';

declare var google;

export class SearchResultsPage extends BasePage {

@ViewChild('map') mapElement: ElementRef;
private map: any;

constructor(public navCtrl: NavController, 
            public navParams: NavParams, 
            private translateService: TranslateService,
            private googleMaps: GoogleMaps) {}


  ionViewDidLoad() {
   setTimeout(()=>{
      this.loadMap();
   }, 1000)
  }

  loadMap() {
    let latLng = new google.maps.LatLng(48.8509695, 2.3861870000000636);
    let latLng2 = new google.maps.LatLng(48.8504541, 2.3865487000000485);

    let mapOptions = {
        center: latLng,
        zoom: 15,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    }

    this.map = …

在尝试在我的项目中使用google变量后，有人可以帮助我解决此错误，并在Ionic 3应用程序中获取该错误，

npm install --save @ types / google-maps

这将以下内容添加到我的package.json中：

“ @ types / google-maps”：“ ^ 3.2.0”，

我也确实声明了声明var google;

并且做了 typings install dt~google.maps --global

然后我看到了这个灵魂，并尝试了一下，但是还是不起作用（注意，我生成了一个ios键和android键），尝试了这个 找不到名称空间“ google”

ionic cordova插件添加 https://github.com/mapsplugin/cordova-plugin-googlemaps#multiple_maps --variable API_KEY_FOR_ANDROID =“ YOUR_ANDROID_API_KEY_IS_HERE” -variable API_KEY_FOR_IOS =“ YOUR_IOS_API_KEY_IS_HERE” $ npm install --save地图

要点就是我的map.ts多数民众赞成在拍摄此错误：

https://gist.github.com/abdulfatah-ah1407281/25bc95352d0b1ba8e02b7d1e55cc7779

当我运行离子服务时出错：

Cannot find namespace 'google'.
C:/Users/pkhon/Desktop/k/ItBroken/src/components/map/map.ts
private map: google.maps.Map;
public isMapIdle:boolean;

错误错误:没有Facebook提供商!
     at injectionError(core.es5.js:1231)
     at noProviderError(core.es5.js:1269)
     at ReflectiveInjector_.throwOrNull(core.es5.js:2770)
     at ReflectiveInjector.getByKeyDefault(core.es5.js:2809)
     at ReflectiveInjector.getByKey(core.es5.js:2741)
     at ReflectiveInjector获得(core.es5.js:2610)
     at AppModuleInjector.NgModuleInjector.get(core.es5.js:3578)
     at resolveDep(core.es5.js:11039)
     at createClass(core.es5.js:10903)
     at createDirectiveInstance(core.es5.js:10723)
View_MyApp_Host_0 @ MyApp_Host.html:1

我正在使用新的Ionic Pro.我已将以前工作的离子应用程序迁移到新的Pro服务中.我现在能够成功地将我的代码推送到我的离子pro git repo,我可以在仪表板上看到构建日志.构建成功完成.完成后,我导航到所述构建的"包"选项卡.我配置我的包以编译platform = Android version = Release Security Profile = Android Release安全配置文件.

此时的输出日志将在安装过程中移动,并获得以下控制台输出.

 BUILD SUCCESSFUL

然后,构建过程似乎启动Gradle Daemon并最终以此输出结束

The Task.leftShift(Closure) method has been deprecated and is scheduled to 
be removed in Gradle 5.0. Please use Task.doLast(Action) instead.
at 

无法加载文件/home/gitlab-runner/.android/repositories.cfg.在/ opt/android-sdk/licenses中检查包Android SDK平台26的许可证接受包Android SDK平台26的许可证.准备"安装Android SDK Platform 26".警告:无法读取或创建安装属性文件.

FAILURE: Build failed with an exception.

* What went wrong:
A problem occurred configuring root project 'android'.
> Failed to install the following SDK components:
  [Android SDK Platform 26]
  The SDK directory (/opt/android-sdk) …

我已经看过这个类似的问题没有成功.问题中提到的掠夺者似乎被打破了.

我试图从子组件的[(ngModel)]绑定更新父组件的属性.

这是子组件HTML:

<div class="elastic-textarea">
    <ion-input rows="1"  [value]="inputValue" [(ngModel)]="inputValue" (ngModelChange)="change($event)" ></ion-input>
    </div>

这是子组件TS:

import { Component, EventEmitter, Input, Output, OnInit } from '@angular/core';

@Component({
  selector: 'app-childinput',
  templateUrl: './childinput.component.html',
  styleUrls: ['./childinput.component.css']
})
export class ChildinputComponent  {
@Input() inputValue: string;
  @Output() emitInputValue = new EventEmitter();
  constructor() { }

change(newValue) {
    console.log('newvalue', newValue)
    this.inputValue = newValue;
    this.emitInputValue.emit(newValue);
  }
}

这就是我在父组件中使用子组件的方式:

<app-childinput [(inputValue)]="thevalue" ></app-childinput>
<p>The changed value should be reflected here: {{thevalue}}</p>

这是STACKBLITZ展示的问题.父组件是调用"home"的页面,子组件是名为"childinput"的组件.

我做错了什么,或者这在Angular中根本不可能？