Блог

Мы используем verdaccio для публикации нашего компонента react в качестве пакета npm в реестре npm verdaccio.
Теперь в другом приложении react мы используем этот пакет, но получаем ошибку при рендеринге импортированного кода jsx из пакета. Если у кого-нибудь есть какие-либо идеи относительно этой проблемы, пожалуйста, вернитесь. Любая помощь будет оценена.

Это компонент react, который мы опубликовали как модуль 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 является частью другого приложения 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: