reactjs - 渲染作为 verdaccio 包的反应组件时的问题

Question

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

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

反应组件：

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 组件。这个反应组件是另一个反应应用程序的一部分。

 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 start 后控制台出现错误：