渲染React组件（verdaccio软件包）中的问题

Question

我们正在使用verdaccio将我们的react组件作为npm软件包发布到 verdaccio npm注册表中。
现在，在另一个react应用程序中，我们正在使用此程序包，但是在渲染从该程序包导入的 jsx 代码时，会出错。如果有人对这个问题有任何想法，请回复。任何帮助将不胜感激。

这是我们作为npm模块发布到verdaccio目录的react组件。

反应成分：

import React from 'react';

class  myInputForm extends React.Component {
    render(){
        return(
            <form>
                 Name: <input type="text" name="name" autoComplete="off" /><br />
                 Area: <input type="text" name="area" autoComplete="off"  /><br />
                 Email: <input type="email" name="email" autoComplete="off"  /><br />
                 <button>Submit</button>
            </form>
        )
    }
    

}

export default myInputForm;

在其中使用的反应组件。此react组件是另一个react应用的一部分。

 import React from 'react';
    import {MyInputForm} from 'mynpmpackage/src/index';
    const ContactUs = ( ) => {
        return (
            <div style={{backgroundColor:'green', height: '817px'}}>
            <h1>Contact Form</h1>
            <MyInputForm />
            </div>
        )
    }

export default ContactUs;

npm启动后控制台上的错误：