webview release source={require(xxx.html)} not work #7924

lisong · 2016-06-04T05:45:55Z

Provide a minimal code snippet / rnplay example that reproduces the bug.

<WebView source={require('./helloworld.html')} />

ios release/debug is OK, android debug is OK too, only broken on android release versions, is blank page, nothing rendered.

[0.27.rc1] What's the version of React Native you're using?
0.27.rc1
[android] Does this occur on iOS, Android or both?
android release
[mac] Are you using Mac, Linux or Windows?
mac

The text was updated successfully, but these errors were encountered:

charpeni · 2016-06-04T13:13:16Z

@facebook-github-bot label Android

charpeni · 2016-06-07T14:10:19Z

@facebook-github-bot label Android

jak4 · 2016-06-16T10:48:22Z

I'm having the same issue with 0.26.3. Any known workarounds?

Cap32 · 2016-06-19T08:52:09Z

The same issue with 0.27.2

Kureev · 2016-07-25T09:14:17Z

It happens on iOS as well: #8996

289420843 · 2016-08-02T08:31:05Z

How to solve？

jatazoulja · 2016-11-08T00:04:26Z

happens on android release build, seems to be working on emulator. the url somehow points to http://localhost:8081/on debug build.

sodik82 · 2016-11-23T07:40:09Z

same here 0.37 - onload event is fired but only white page is shown. what's funny that I could not "reuired" html between apk assets but maybe it is hidden somewhere else.

Micjoyce · 2017-01-20T07:53:30Z

same here 0.39.2, When I release andorid apk, webview can not load html by require('./index.html') , but ios work well.
How to fix this? someone has any idea?

aayushanand99 · 2017-01-23T08:03:11Z

Facing same issue 0.38.1. Please tell how to solve or some workaround for webViewBridge?

Lxxyx · 2017-01-24T15:12:38Z

SameProblem.

mayhs · 2017-01-25T12:13:54Z

You might wanna check this solution.

#505 (comment)

FuadBalashov · 2017-05-02T18:06:52Z

Still seeing this with 0.42

jedt · 2017-05-16T06:55:17Z

this works as a workaround for me: #505 (comment)

Traviskn · 2017-05-24T16:43:00Z

I'm running into this issue on 0.44 as well.

bitfabrikken · 2017-06-29T06:05:40Z

HTML files still not being packaged in Android release on React Native 0.45.1

hyochan35 · 2017-07-13T11:18:44Z

When will this be fixed? This is really annoying..

hramos · 2017-09-21T15:15:00Z

Hi there! This issue is being closed because it has been inactive for a while. Maybe the issue has been fixed in a recent release, or perhaps it is not affecting a lot of people. Either way, we're automatically closing issues after a period of inactivity. Please do not take it personally!

If you think this issue should definitely remain open, please let us know. The following information is helpful when it comes to determining if the issue should be re-opened:

Does the issue still reproduce on the latest release candidate? Post a comment with the version you tested.
If so, is there any information missing from the bug report? Post a comment with all the information required by the issue template.
Is there a pull request that addresses this issue? Post a comment with the PR number so we can follow up.

If you would like to work on a patch to fix the issue, contributions are very welcome! Read through the contribution guide, and feel free to hop into #react-native if you need help planning your contribution.

yosimasu · 2017-09-28T08:43:57Z

@hramos Please reopen this issue, its behaviour is different between ios and android release version

Is this a bug report?

Yes

Have you read the Contributing Guidelines?

Yes

Environment

Environment:
OS: macOS Sierra 10.12.6
Node: 6.10.3
Yarn: 0.24.5
npm: 3.10.10
Watchman: 4.7.0
Xcode: Xcode 9.0 Build version 9A235
Android Studio: 2.3 AI-162.4069837

Packages: (wanted => installed)
react: 16.0.0-alpha.12 => 16.0.0-alpha.12
react-native: 0.48.4 => 0.48.4

Steps to Reproduce

(Write your steps here:)

create index.html

<html>
    <head>
        <title>Title</title>
    </head>
    <body>
        <h1>Hello World</h1>
    </body>
</html>

modify index.ios.js and index.android.js

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  WebView,
  View
} from 'react-native';

export default class WebViewTest extends Component {
  render() {
    return (
      <View style={styles.container}>
        <WebView
          scalesPageToFit={true}
          source={require('WebViewTest/index.html')}
        />
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
});

AppRegistry.registerComponent('WebViewTest', () => WebViewTest);

Build Release APK
Run On Android

Expected Behavior

Hello World show up on screen.

Actual Behavior

Nothing.
Just Blank Screen

Reproducible Demo

https://github.com/yosimasu/WebViewTest

yosimasu · 2017-09-29T04:24:43Z

I create new issue

HHuiHao · 2017-11-24T05:51:36Z

this works as for me!!!

Lxxyx · 2017-11-24T07:44:09Z

@HHuiHao Great
This works. You just need write a simple shell script to cpoy you html files to android assets.

This was seen in release builds see the following issues: facebook#16133 facebook#7924

arash-hacker · 2018-04-24T11:00:14Z

#16133
just ckeckout my answer it worked for me
i used ckeditor

It is a knowled bug in react-native: facebook/react-native#7924 facebook/react-native#6004 facebook/react-native#505 (comment)

charpeni mentioned this issue Jun 7, 2016

Opening a local file href in webview #7955

Closed

satya164 added the Android label Jun 19, 2016

Kureev added the Platform: iOS iOS applications. label Jul 25, 2016

FuadBalashov mentioned this issue May 2, 2017

[WebViewExample] Bundled HTML does not work #6004

Closed

hramos added the Icebox label Sep 21, 2017

hramos closed this as completed Sep 21, 2017

SoloXCRacer mentioned this issue Dec 18, 2017

WebView source={require(xxx.html)} is not working on Android Release #16133

Closed

jeanregisser added a commit to jeanregisser/react-native that referenced this issue Dec 21, 2017

Fix Android WebView not displaying bundled resources

90bbd61

This was seen in release builds see the following issues: facebook#16133 facebook#7924

jeanregisser mentioned this issue Dec 21, 2017

Fix Android WebView not displaying bundled assets #17304

Closed

Scriptonita mentioned this issue Jun 25, 2018

Fix the bug when make build the webview fail in Android. addisonglobal/qa-react-native-technical-test#1

Merged

facebook locked as resolved and limited conversation to collaborators Sep 21, 2018

react-native-bot added the Resolution: Locked This issue was locked by the bot. label Sep 21, 2018

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

webview release source={require(xxx.html)} not work #7924

webview release source={require(xxx.html)} not work #7924

lisong commented Jun 4, 2016 •

edited

charpeni commented Jun 4, 2016

charpeni commented Jun 7, 2016

jak4 commented Jun 16, 2016

Cap32 commented Jun 19, 2016

Kureev commented Jul 25, 2016

289420843 commented Aug 2, 2016

jatazoulja commented Nov 8, 2016

sodik82 commented Nov 23, 2016

Micjoyce commented Jan 20, 2017

aayushanand99 commented Jan 23, 2017

Lxxyx commented Jan 24, 2017

mayhs commented Jan 25, 2017

FuadBalashov commented May 2, 2017

jedt commented May 16, 2017

Traviskn commented May 24, 2017

bitfabrikken commented Jun 29, 2017

hyochan35 commented Jul 13, 2017

hramos commented Sep 21, 2017

yosimasu commented Sep 28, 2017 •

edited

yosimasu commented Sep 29, 2017

HHuiHao commented Nov 24, 2017

Lxxyx commented Nov 24, 2017

arash-hacker commented Apr 24, 2018

webview release source={require(xxx.html)} not work #7924

webview release source={require(xxx.html)} not work #7924

Comments

lisong commented Jun 4, 2016 • edited

charpeni commented Jun 4, 2016

charpeni commented Jun 7, 2016

jak4 commented Jun 16, 2016

Cap32 commented Jun 19, 2016

Kureev commented Jul 25, 2016

289420843 commented Aug 2, 2016

jatazoulja commented Nov 8, 2016

sodik82 commented Nov 23, 2016

Micjoyce commented Jan 20, 2017

aayushanand99 commented Jan 23, 2017

Lxxyx commented Jan 24, 2017

mayhs commented Jan 25, 2017

FuadBalashov commented May 2, 2017

jedt commented May 16, 2017

Traviskn commented May 24, 2017

bitfabrikken commented Jun 29, 2017

hyochan35 commented Jul 13, 2017

hramos commented Sep 21, 2017

yosimasu commented Sep 28, 2017 • edited

Is this a bug report?

Have you read the Contributing Guidelines?

Environment

Steps to Reproduce

Expected Behavior

Actual Behavior

Reproducible Demo

yosimasu commented Sep 29, 2017

HHuiHao commented Nov 24, 2017

Lxxyx commented Nov 24, 2017

arash-hacker commented Apr 24, 2018

lisong commented Jun 4, 2016 •

edited

yosimasu commented Sep 28, 2017 •

edited