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