เกิดข้อผิดพลาดตอนที่ bundling สำหรับเว็บจากตอบโต้เป็นชนพื้นเมืองที่ส่วนประกอบการใช้บาเบลได้-ส่วนเสริม-ตอบโต้-เป็นคนที่นี่-บนเว็บ

ฉันตาม นี้หัดเล่น ตั้ง bundling สำหรับเว็บจากตอบโต้เป็นชนพื้นเมืองที่ส่วนประกอบ.

ฉันเรียบร้อยแล้ bundling ใช้ webpack config อกจากหัดเล่นอย่างไรก็ตามเมื่อฉันนำเข้าที่ถูกส่งออกเป็นปุ่มเข้าโครงการตอบโต้และพยายามจัดการพาฉันไปตามข้อผิดพลาดในเบราว์เซอร์:

TypeError: Failed to construct 'Image': Please use the 'new' operator, this DOM object constructor cannot be called as a function.

renderWithHooks
./node_modules/react-dom/cjs/react-dom.development.js:14803

  14800 |   }
  14801 | }
  14802 | 
> 14803 | var children = Component(props, secondArg); // Check if there was a render phase update
        | ^  14804 | 
  14805 | if (workInProgress.expirationTime === renderExpirationTime) {
  14806 |   // Keep rendering in a loop for as long as render phase updates continue to

ด้านล่างคือมีปฏิกิริยาเป็นชนพื้นเมืองที่ส่วนประกอบฉัน bundling ต้องเว็บ:

import React from "react";
import { TouchableOpacity, StyleSheet, Text } from "react-native";

export default function Button({ onPress, imageSource }) {
  return (
    <TouchableOpacity style={styles.button} onPress={onPress}>
      <Text>
        A
        </Text>
    </TouchableOpacity>
  );
}

const styles = StyleSheet.create({
  container: {
    width: 56,
    height: 56,
    borderRadius: 28,
    justifyContent: "center",
    alignItems: "center",
    backgroundColor: "#fff",
  },
  image: {
    width: 28,
    height: 28,
  },
});

คนเหล่านี้คือรุ่นของตอบแทนฉันโดยใช้เพื่อสวมเสื้อกันหนาวได้ที่มีปฏิกิริยาเป็นชนพื้นเมืองที่ส่วนประกอบด้วย:

"babel-plugin-react-native-web": "^0.17.5",
"metro-react-native-babel-preset": "^0.66.2",
"webpack": "^5.64.2",
"webpack-cli": "^4.9.1",
"babel-loader": "^8.2.3",