标签: ionic2

未捕获错误:没有为组件MyApp指定模板

我正在尝试将我的离子2 Beta 2代码更新为离子2 RC0,并在app.component.ts文件中收到No template指定错误.

app.component.ts文件的相关部分如下所示:

@Component({
     templateUrl: 'app.html',
})

export class MyApp {
    rootPage: any = HomePage;
    loggedIn:boolean = false;

@ViewChild(Nav) nav: Nav;

root: any;// = HomePage;


constructor() {
    ...
Run Code Online (Sandbox Code Playgroud)

根据更新应用程序以释放候选0为离子2的更新说明,app.html文件与app.component.ts文件位于同一目录中,路径为 app.html

运行离子应用程序时,Firefox和Chrome都会抱怨没有为app.component指定模板.

ionic2

13
推荐指数
1
解决办法
1万
查看次数

"Gradle sync失败:未找到已安装的构建工具.安装Android构建工具版本19.1.0或更高版本"

我正在尝试在Android Studio中打开Ionic2项目,但它在事件日志中给出了以下错误:" Gradle sync failed:找不到已安装的构建工具.安装Android构建工具版本19.1.0或更高版本.参阅 IDE记录更多详细信息(帮助|显示日志)" SCREENSHOT

我之前看过一个类似的问题(也许是Ionic2或Cordova的最新版本之一破坏了一些东西 - > https://github.com/driftyco/ionic/issues/10604).

从gradle.build文件或从Project Structure更改"buildToolsVersion"或"compileSdkVersion"的版本没有帮助.

在"C:\ Users\Gaby\AppData\Local\Android\sdk\build-tools\24.0.3"下,我安装了24.0.3构建工具版本.

环境变量的路径变量也正确表示路径

有一刻,我用"android update sdk -u -a"安装了所有构建工具,但同样的错误发生了.

有没有人知道这个问题的合适解决方法?

非常感谢

android cordova android-studio ionic2

13
推荐指数
3
解决办法
4万
查看次数

离子拉动(复习)元素内部

是否有可能在元素内部而不是在整个页面上实现Ionic的拉动(也称为"Refresher")

在设计页面中具有较小可滚动部分的应用程序时,这将非常有用.使用当前行为,整个页面被拉下而不仅仅是可滚动元素.

ionic-framework ionic2 ionic-native ionic3 angular

13
推荐指数
3
解决办法
4340
查看次数

如何在angular2中获得Dom的高度?

<div style="width:100%;height:100%;position:relative;background-color:white" id ="OuterSvg"> </div>

onPageLoaded(){
     console.log(document.getElementById("OuterSvg").offsetHeight); //get 0.
}   

ngAfterViewInit(){
     console.log(document.getElementById("OuterSvg").offsetHeight); //get 0.
}
Run Code Online (Sandbox Code Playgroud)

我尝试过onPageLoaded()和ngAfterViewInit()但也没有工作...那么如何在dom的高度渲染后得到元素的高度/宽度?

ionic2 angular

12
推荐指数
2
解决办法
2万
查看次数

使用Angular2和stripe.js导入条带

我使用Angular2,Ionic2和Stripe.js进行付款处理.这个离线带有条带支付网关的线程使用插件https://github.com/Telerik-Verified-Plugins/Stripe/blob/master/doc/index.md,但它不安全,因为你必须在内部嵌入密钥该应用程序.甚至页面也告诉人们不要使用这个插件.

我试着在这里使用node.js版本:

https://www.npmjs.com/package/stripe

但是,我无法弄清楚如何var stripe = require('stripe')(' your stripe API key ');在TypeScript中执行此操作,您必须使用import.

最后,我确实放入<script type="text/javascript" src="https://js.stripe.com/v2/"></script>了index.html,stripe变量全局显示在每个Component中.但是,我觉得这不是正确的方法,因为当stripe我在每个Component或Page中使用它时,对象可能还没有准备好.

使用Angular2和Stripe.js的正确方法是什么?Ionic2特别好看但是可选的.

谢谢

更新1

我尝试npm install stripe然后使用import '../../node_modules/stripe/lib/stripe.js';但仍然有错误:

TypeScript error: /Users/username/Documents/StripePayment/app/pages/home/home.ts(16,23): Error TS2304: Cannot find name 'Stripe'.
Error: Cannot find module '../../node_modules/stripe/lib/stripe.js' from '/Users/username/Documents/StripePayment/app/pages/home'
Run Code Online (Sandbox Code Playgroud)

这是我的VS Code截图,其中包含目录结构:

在此输入图像描述

javascript stripe-payments ionic-framework ionic2 angular

12
推荐指数
1
解决办法
6960
查看次数

离子2 +角度2:自动滚动到列表/页面/聊天的底部

我正在尝试使用"聊天"和"内容"两个段来编写页面.我想要一个"聊天"段,页面自动滚动到底部,没有任何效果.聊天是<ion-list>几个<ion-item>.

<ion-list>
<ion-item> item 1 </ion-item>
<ion-item> item 2 </ion-item>
....
<ion-item> item 20 </ion-item>
<ion-item> item 21 </ion-item> <!-- user should see directly this item on bottom of the page -->
</ion-list>
Run Code Online (Sandbox Code Playgroud)

我使用的是Javascript,而不是打字稿,我不想使用jQuery.谢谢:)另外,当我进入"内容"细分并回到"聊天"时,我想再次自动滚动聊天.

javascript chat autoscroll ionic2 angular

12
推荐指数
3
解决办法
3万
查看次数

Angular 2:没有HTML标签的NgFor?

我想创建一个没有div标签的ngFor循环.

这有点可能吗?

我的问题是,当我使用div*ng时滑块被破坏了.

<ion-slides #secondSlider [options]="secondSlideOptions" (ionDidChange)="onSecondSlideChanged()">
    <!-- This div should not be there --> 
    <div *ngFor="let set of exercise.sets; let setNumber = index;">
        <ion-slide>
        ...
        </ion-slide>

        <ion-slide>
        ...
        </ion-slide>
    </div>
</ion-slides>
Run Code Online (Sandbox Code Playgroud)

有没有另一种方法可以在没有div容器的情况下使用ngFor?

非常感谢!

ionic-framework ionic2 angular

12
推荐指数
2
解决办法
7159
查看次数

不能GET /socket.io/?EIO=3&transport=polling&t=LdmmKYz

您好我的node.js服务器和我的离子2与socket.io(websocket)通信有问题,

我的离子应用发送此错误:

不能GET /socket.io/?EIO=3&transport=polling&t=LdmmKYz

这是我的代码,我没有发现我的错误.

我的node.js代码(使用express):

Cannot GET /socket.io/?EIO=3&transport=polling&t=LdmmKYz
Run Code Online (Sandbox Code Playgroud)

这是离子2应用程序代码(在构造函数内):

var express = require('express');
var app = express();
var http = require('http').Server(app);
var io = require('socket.io')(http);

app.use( (req, res, next) => {
   res.header("Access-Control-Allow-Origin", "http://localhost:8100"); //The ionic server
   res.header("Access-Control-Allow-Credentials", "true");
   res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
   next();
});
var port = Number(process.env.PORT || 8810);

io.on('connection', function (socket) {
    console.log('ping-pong started');
    socket.emit('news', { hello: 'world' });
    socket.on('my other event', function (data) {
        console.log(data);
    });
});
Run Code Online (Sandbox Code Playgroud)

我错过了什么?

sockets node.js express socket.io ionic2

12
推荐指数
2
解决办法
3万
查看次数

iOS 11,Xcode 9错误:NSURLConnection完成错误 - 代码-1100

我在使用JS和Ionic 3时遇到此错误.我正在使用iOS 11和Xcode 9测试我的iPhone 7 plus.

NSURLConnection finished with error - code -1100
Run Code Online (Sandbox Code Playgroud)

有人在过去有类似的错误吗?

nsurlconnection ionic2 ios11 xcode9

12
推荐指数
1
解决办法
7864
查看次数

离子构建失败Info.plist未找到

Apple已经欺骗了我,即使我禁用了自动更新,它现在已经删除了最新的XCode版本(版本10.0(10A255))和依赖项.结果是,即使在删除(ionic cordova platform remove ios)并重新添加平台之后,我也无法构建我的应用程序.

它现在失败,出现以下错误.

onic cordova run ios --debug --target="iPhone-8"  --consolelogs

...

<path>/platforms/ios/build/emulator/MyApp.app/Info.plist file not found.

[ERROR] An error occurred while running cordova run ios --debug --target iPhone-8 (exit code 1).

ionic --version
3.20.0
Run Code Online (Sandbox Code Playgroud)

----编辑

跑了verbose并收到:No scripts found for hook "before_deploy".作为失败的附加信息.

-----编辑------

请在这里查看更多细节.我能够从头开始重现它/一个空白的应用程序模板 空白应用程序无法调试构建 - 找不到/Info.plist文件

ios ionic-framework ionic2 ionic3 xcode10

12
推荐指数
2
解决办法
8496
查看次数