通过react-native @ iOS

时间:2019-05-07 06:58:48

标签: ios react-native webview

我使用的是本机响应,我尝试将本地html加载到webview并使用iOS模拟器进行调试,加载成功的html文件,但是 css文件 js文件不可用,我使用Safari对其进行调试,它显示以下消息:

[Warning] Viewport argument value "0;" for key "user-scalable" was truncated to its numeric prefix. Note that ';' is not a separator in viewport values. The list should be comma-separated. (page1.html, line 6)
[Error] Did not parse stylesheet at 'http://localhost:8081/assets/web1/page1.css' because non CSS MIME types are not allowed in strict mode.
[Error] Refused to execute http://localhost:8081/assets/web1/page1.js as script because "X-Content-Type: nosniff" was given and its Content-Type is not a script MIME type.

这是我的rn代码


  render() {
    const PolicyHTML = require('XXUxLab/web1/page1.html');
    return (
      <View style={styles.container}>
        <WebView
          // source={{uri: this.state.webPageUrl2}}
          source={PolicyHTML}
          style={styles.Web_view}
          originWhitelist={['*']}
          javaScriptEnabled={true}
          useWebKit={true}
        />
      </View>
    );
  }

这是html ref css文件的方式

    <link rel="stylesheet" type="text/css" href="page1.css">

web1文件夹位于react本机项目的根目录中,即web1文件夹中的page1.html,page1.html和page1.js。

我试图将网页文件托管到服务器上,并使用rn代码中的url加载网页,它可以正常工作。但是为什么它不能在本地工作?我真的很想知道根本原因,我想也许是由于Metro服务配置引起的。

0 个答案:

没有答案