0

我们使用 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 后控制台出现错误:

在此处输入图像描述

4

0 回答 0