HMR on Android: "TypeError: Attempting to change value of readonly property"

Current Behavior

I’ve followed the HMR setup guide and HMR on Android fails with TypeError: Attempting to change value of readonly property while trying to apply changes. Works totally fine on iOS.

Expected Behavior

Should just work like on iOS 😃

Haul Configuration (webpack.haul.js)

const path = require('path')

module.exports = ({ platform }, defaults) => ({
  entry: path.resolve('demo/'),
  resolve: {
    ...defaults.resolve,
    alias: {
      '~': process.cwd(),
    },
  },
})

Your Environment

software	version
Haul	v1.0.0-beta.13
react-native	both 0.52.0 and 0.53.0
node	8.8.1
yarn	1.3.2

[sirajulm]

@stackdumper This haul.config.js should fix your issue. Have tested with the sample repo you have provided.

import { createWebpackConfig } from 'haul';
import path from 'path';

export default {
  webpack: (env, defaults) => {
    const config = createWebpackConfig({
      entry: `./index.js`
    })(env);

    config.module.rules = [
      {
        test: /\.js?$/,
        loaders: ['babel-loader']
      },
      ...config.module.rules
    ];

    return config;
  }
};

I assume the babel-loader was not properly applied.

[deepsweet]

@sirajulm yes, those lines are nothing but a personal choice, main idea is about include array.