在无法运行的移动设备上进行反应获取Polyfill

时间:2018-06-26 09:56:53

标签: javascript reactjs webpack fetch polyfills

尝试在iOS / Android(Chrome和Safari)上进行抓取。 我目前在我的webpack中有这个(使用webpack 4):

add_image_size( 'preview', 3072, 3072, false ); 

$post_thumbnail_id = get_post_thumbnail_id( $post->ID );
$filemeta = wp_get_attachment_metadata( $post_thumbnail_id, FALSE );

function callbackFunc(){

  //set logic

  if (true){

    //do whatever you want

   }

}

apply_filters( 'woocommerce_product_thumbnails_large_size', 'callbackFunc' );

使用此代码,它适用于IE桌面,但在我的android上它给出以下错误:

new webpack.ProvidePlugin({
   Promise: 'imports-loader?this=>global!exports-loader?global.Promise!es6-promise',
   fetch: 'imports-loader?this=>global!exports-loader?global.fetch!whatwg-fetch'
}),

获取代码:

Uncaught (in promise) TypeError: Failed to fetch

有什么想法吗?

1 个答案:

答案 0 :(得分:1)

这是因为http://localhost:8092在桌面上(假设为127.0.0.1)可以正确解析,但对于您的移动设备-localhost是此特定设备,而不是桌面。因此,假设您的移动设备连接到同一IP地址,那么您应该尝试使用可通过您所有网络访问的IP地址(而不只是localhost)。