Javascript 反应本机错误：负载不能超过104857600字节

就在最近，当使用react native和metro作为捆绑程序时，每当应用程序在IOS模拟器上刷新时，我都会遇到这个错误，导致应用程序与metro断开连接

完整堆栈跟踪：

error: A WebSocket client got a connection error. Please reload your device to get HMR working again: Error: payload cannot exceed 104857600 bytes
at Receiver.error (/Users/zebras/Repos/provotum/voter_app_2/node_modules/metro/node_modules/ws/lib/Receiver.js:321:18)
at Receiver.maxPayloadExceeded (/Users/zebras/Repos/provotum/voter_app_2/node_modules/metro/node_modules/ws/lib/Receiver.js:389:8)
at Receiver.<anonymous> (/Users/zebras/Repos/provotum/voter_app_2/node_modules/metro/node_modules/ws/lib/Receiver.js:479:20)
at Receiver.add (/Users/zebras/Repos/provotum/voter_app_2/node_modules/metro/node_modules/ws/lib/Receiver.js:103:24)
at Socket.realHandler (/Users/zebras/Repos/provotum/voter_app_2/node_modules/metro/node_modules/ws/lib/WebSocket.js:825:20)
at Socket.emit (events.js:315:20)
at addChunk (internal/streams/readable.js:309:12)
at readableAddChunk (internal/streams/readable.js:284:9)
at Socket.Readable.push (internal/streams/readable.js:223:10)
at TCP.onStreamRead (internal/stream_base_commons.js:188:23)

以及在实现组件之前创建组件的模板：

import React, { useEffect, useState } from 'react';
import { PageControlView } from 'react-native-ios-kit';
import { Title1, Title3, Body, Button } from 'react-native-ios-kit';
import { View } from 'react-native';
const styles = require('../style');

const Intro = ({ navigation, route, props }) => {
return (
    <View style={styles.container}>
        <PageControlView defaultPage={1}>
            <View style={styles.container}>
                <Title1>First page.</Title1>
            </View>
            <View style={styles.container}>
                <Title1>Second page.</Title1>
            </View>
            <View style={styles.container}>
                <Title1>Third page.</Title1>
            </View>
        </PageControlView>
    </View>

)
};

export default Intro;

import React，{useffect，useState}来自“React”；
从“react native ios kit”导入{PageControlView}；
从“react native ios kit”导入{Title1，Title3，Body，Button}；
从“react native”导入{View}；
const styles=require（“../style”）；
常量介绍=（{导航、路线、道具}）=>{
返回(
第一页。
第二页。
第三页。
)
};
导出默认简介；

编辑：但是，删除新组件不会改变任何内容

import React, { useEffect, useState } from 'react';
import { PageControlView } from 'react-native-ios-kit';
import { Title1, Title3, Body, Button } from 'react-native-ios-kit';
import { View } from 'react-native';
const styles = require('../style');

const Intro = ({ navigation, route, props }) => {
return (
    <View style={styles.container}>
        <PageControlView defaultPage={1}>
            <View style={styles.container}>
                <Title1>First page.</Title1>
            </View>
            <View style={styles.container}>
                <Title1>Second page.</Title1>
            </View>
            <View style={styles.container}>
                <Title1>Third page.</Title1>
            </View>
        </PageControlView>
    </View>

)
};

export default Intro;