Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/446.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Ionic2:Ion无限滚动条在iPhone中不工作_Javascript_Angular_Typescript_Ionic2 - Fatal编程技术网

Javascript Ionic2:Ion无限滚动条在iPhone中不工作

Javascript Ionic2:Ion无限滚动条在iPhone中不工作,javascript,angular,typescript,ionic2,Javascript,Angular,Typescript,Ionic2,我面临着一个问题,无限滚动在离子2框架,它的工作非常适合Android,但对Iphone它不是,任何帮助请 爱奥尼亚信息: Cordova CLI: 6.5.0 Ionic Framework Version: 2.3.0 Ionic CLI Version: 2.2.0 Ionic App Lib Version: 2.2.0 Ionic App Scripts Version: 0.0.47 ios-deploy version: Not installed ios-sim version:

我面临着一个问题,无限滚动在离子2框架,它的工作非常适合Android,但对Iphone它不是,任何帮助请

爱奥尼亚信息:

Cordova CLI: 6.5.0
Ionic Framework Version: 2.3.0
Ionic CLI Version: 2.2.0
Ionic App Lib Version: 2.2.0
Ionic App Scripts Version: 0.0.47
ios-deploy version: Not installed
ios-sim version: Not installed
OS: macOS Sierra
Node Version: v6.9.4
Xcode version: Xcode 8.2.1 Build version 8C1002
这是my package.json:

"dependencies": {
"@angular/common": "2.2.1",
"@angular/compiler": "2.2.1",
"@angular/compiler-cli": "2.2.1",
"@angular/core": "2.2.1",
"@angular/forms": "2.2.1",
"@angular/http": "2.2.1",
"@angular/platform-browser": "2.2.1",
"@angular/platform-browser-dynamic": "2.2.1",
"@angular/platform-server": "2.2.1",
"@ionic/storage": "1.1.6",
"ionic-angular": "^2.0.0-rc.4",
"ionic-native": "2.2.11",
"ionicons": "3.0.0",
"moment": "^2.17.1",
"mydatepicker": "^1.1.1",
"ng2-translate": "^4.0.1",
"rxjs": "5.0.0-beta.12",
"zone.js": "0.6.26",
"sw-toolbox": "3.4.0"
},


 "devDependencies": {
"@ionic/app-scripts": "1.0.0",
"angular2-template-loader": "^0.6.0",
"awesome-typescript-loader": "^3.0.0-beta.18",
"typescript": "2.0.6"
 },
  • 问题是,我从哪里获得了ionic framework 2.3.0版,而我在package.json中给出了不同的版本

  • 谷歌发布后,我发现这可能是爱奥尼亚2.3.0版的问题,并试图将其降级,但在mac上我无法做到。为此,我更改了ion angular中的package.json

请帮忙

当我尝试npm安装时,得到以下erorr:

npm WARN ionic-angular@2.3.0 requires a peer of @angular/common@2.4.8 but none was installed.
npm警告离子-angular@2.3.0需要@angular的对等方/compiler@2.4.8但没有安装。 npm警告离子-angular@2.3.0需要@angular/compiler的对等方-cli@2.4.8但没有安装。 npm警告离子-angular@2.3.0需要@angular的对等方/core@2.4.8但没有安装。 npm警告离子-angular@2.3.0需要@angular的对等方/forms@2.4.8但没有安装。 npm警告离子-angular@2.3.0需要@angular的对等方/http@2.4.8但没有安装。 npm警告离子-angular@2.3.0需要@angular/platform的对等方-browser@2.4.8但没有安装。 npm警告离子-angular@2.3.0需要@angular/platform浏览器的对等方-dynamic@2.4.8但没有安装。 npm警告离子-angular@2.3.0需要@angular/platform的对等方-server@2.4.8但没有安装。 npm警告离子-angular@2.3.0需要一个同龄人rxjs@5.0.1但没有安装。
npm警告离子-angular@2.3.0需要区域的对等方。js@0.7.2但是没有安装。

此问题在3.0.1版本中已修复。但是,在ionic 3.0.0版中没有,这个问题在3.0.1版中得到了解决。但是,不在ionic 3.0.0中确保安装了最新的Cordova CLI:(可能需要Sudo)

确保已添加ios平台:

ionic platform ls
如果未列出iOS平台,请运行以下命令:

ionic platform add ios
如果安装了iOS平台,但版本<4.x,请运行以下命令:

ionic platform update ios
ionic plugin save           # creates backup of existing plugins
rm -rf ./plugins            # delete plugins directory
ionic prepare               # re-install plugins compatible with 
cordova-ios 4.x
安装WKWebViewPlugin:

ionic plugin add https://github.com/driftyco/cordova-plugin-wkwebview-engine.git --save
搭建平台:

ionic prepare
在iOS 9或10设备上测试应用程序:

ionic run ios
验证iOS上是否安装了WKWebView的一种简单方法是检查window.indexedDB是否存在。例如:

if (window.indexedDB) {
   console.log("I'm in WKWebView!"); 
} else {
   console.log("I'm in UIWebView");
}
所需权限

WKWebView可能无法完全启动(deviceready事件可能不会触发),除非config.xml中包含以下内容:

config.xml

<allow-navigation href="http://localhost:8080/*"/>
<feature name="CDVWKWebViewEngine">
<param name="ios-package" value="CDVWKWebViewEngine" />
</feature>

<preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" />

确保安装了最新的Cordova CLI:(可能需要Sudo)

确保已添加ios平台:

ionic platform ls
如果未列出iOS平台,请运行以下命令:

ionic platform add ios
如果安装了iOS平台,但版本<4.x,请运行以下命令:

ionic platform update ios
ionic plugin save           # creates backup of existing plugins
rm -rf ./plugins            # delete plugins directory
ionic prepare               # re-install plugins compatible with 
cordova-ios 4.x
安装WKWebViewPlugin:

ionic plugin add https://github.com/driftyco/cordova-plugin-wkwebview-engine.git --save
搭建平台:

ionic prepare
在iOS 9或10设备上测试应用程序:

ionic run ios
验证iOS上是否安装了WKWebView的一种简单方法是检查window.indexedDB是否存在。例如:

if (window.indexedDB) {
   console.log("I'm in WKWebView!"); 
} else {
   console.log("I'm in UIWebView");
}
所需权限

WKWebView可能无法完全启动(deviceready事件可能不会触发),除非config.xml中包含以下内容:

config.xml

<allow-navigation href="http://localhost:8080/*"/>
<feature name="CDVWKWebViewEngine">
<param name="ios-package" value="CDVWKWebViewEngine" />
</feature>

<preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" />


您是否在RC4中?我建议您更新升级,如果我将package.json中的“ionic angular”:“^2.0.0-rc.4”更改为“ionic angular”:“^2.2.0-rc.5”。检查ionic starter应用程序@Suraj:我尝试使用该json,我将其替换为我的json,并使用了npm安装,但它显示了错误,我已在问题中更新。如果我使用的是2.0.0-rc.4,我无法理解版本2.3.0将从何而来。在package.json中进行更改并在其他系统中安装npm后,我会在ionic info中更新ionic版本,但如果我使用mac,则会出现此错误。新的package.json有2.3.0..您在RC4中?我建议您更新升级,如果我将package.json中的“ionic angular”:“^2.0.0-rc.4”更改为“ionic angular”:“^2.2.0-rc.5”。检查ionic starter应用程序@Suraj:我尝试使用该json,我将其替换为我的json,并使用了npm安装,但它显示了错误,我已在问题中更新。如果我使用的是2.0.0-rc.4,我无法理解版本2.3.0将从何而来。在package.json中进行更改并在其他系统中安装npm后,我会在爱奥尼亚信息中更新爱奥尼亚版本,但如果我使用mac,则会出现此错误。新的package.json有2.3.0。。