Белый пустой экран с подключаемым модулем Cordova iOS cordova-plugin-wkwebview-engine

Question

У нас есть приложение React, использующее cordova, и мы получаем следующую ошибку:

***ITMS-90809: Deprecated API Usage - New apps that use UIWebView are no longer accepted. Instead, use WKWebView for improved security and reliability.***

Я добавил cordova-plugin-wkwebview-engine плагин и следовал документации cordova .

Кроме того, я добавил их в свой config.xml:

<feature name="CDVWKWebViewEngine">
     <param name="ios-package" value="CDVWKWebViewEngine" /> 
</feature> 
<preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" />

Плагин cordova-plugin-ioni c -webview не установлен в проект. Когда этот плагин добавлен, приложение застревает на белом пустом экране.

Я попытался добавить <preference name="WKWebViewOnly" value="true" /> в config.xml file, но проблема все еще существует.

Если я удалю плагин, приложение работает нормально, но затем TestFlight отклоняет его.

Любая помощь будет принята с благодарностью!

Answer 1

После того, как я почти 3 дня бился головой о стену, я исправил свою проблему. Публикую здесь свои шаги / решения на случай, если это кому-то понадобится.

Я обновил cordova- ios до последней стабильной версии ( 5.1.1 ), и я ' m только с использованием cordova-plugin-ioni c -webview , NOT cordova-plugin-wkwebview-engine

Добавление es6-prom-plugin исправлена ​​проблема с белым экраном (для меня это не имело смысла, но работает).

Вот список всех плагинов Cordova:

• cordova-plugin-device 2.0.3 "Устройство"
• cordova-plugin-file 6.0.2 "Файл"
• cordova-plugin-file-opener2 3.0.0 "Файл Opener2 "
• cordova-plugin-ioni c -webview 4.2.1" cordova-plugin-ioni c -webview "
• cordova-plugin-screen-Ориентация 3.0.2" Ориентация экрана "
• cordova-plugin-splashscreen 5.0.3" Splashscreen "
• cordova-plugin-statusbar 2.4.3" StatusBar "
• cordova-plugin-whitelist 1.3. 4 «Белый список»
• es6-prom-plugin 4.2 .2 "Обещание"

А вот мой конфиг. xml:

<platform name="ios">
   <preference name="WKWebViewOnly" value="true" />
   <preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" />
   <feature name="CDVWKWebViewEngine">
       <param name="ios-package" value="CDVWKWebViewEngine" />
   </feature>
   <preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" />
   ...
   ...
   ...
</platform>

Answer 2

Большое спасибо за размещение вашего решения. У меня была аналогичная проблема, и я изо всех сил пытался найти ответ. В моем случае экран spla sh остался, и приложение не запускалось после обновления до WKWebView.

Я обновил только часть вашего списка плагинов (только необходимые) до версии, которую вы рекомендовали и некоторые отличия в конфиге. xml но теперь он работает. Вы - спасатель.

Обновлены плагины

• cordova-plugin-device 2.0.3 «Устройство»
• cordova-plugin-ioni c -webview 4.2.1 "cordova-plugin-ioni c -webview"
• cordova-plugin-splashscreen 5.0.3 "Splashscreen"
• cordova-plugin-statusbar 2.4.3 "StatusBar "
• плагин-кордова-белый список 1.3.4" Белый список "

Не требуется

• кордова-плагин-файл 6.0.2" Файл "
• cordova-plugin-file-opener2 3.0.0" File Opener2 "
• cordova-plugin-screen-Ориентация 3.0.2" Ориентация экрана "
• es6- Promise-plugin 4.2.2 "Promise"

config. xml

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

---