语法错误：当前未启用对实验性语法“jsx”的支持

我无法使用我创建的 npm 组件包。 我已经成功发布了该包，但是当我在新代码中使用它时，它显示此错误“SyntaxError：/home/trinendra/Desktop/react-test/node_modules/iconbox1/index.js：支持实验语法'jsx '当前未启用 (6:17)"

我的包名称：“iconbox1”

我的 npm 包代码在这里：

import React,{Component} from "react"

class Welcome extends Component{
    render(){
        return (
                <input type="text" placeholder="Your name"></input>
        )
    }
}

module.exports.Welcome = Welcome;

我在我的主应用程序中使用它：

import logo from './logo.svg';
import './App.css';
import {Welcome} from "iconbox1"


function App() {
  return (
    <div className="App">
      <Welcome></Welcome>
    </div>
  );
}

export default App;

在此输入图像描述

不要混合使用 ES5 和 ES6 可能会更好。发生这种情况可能是由于您导出组件的方式所致。

• 您的应用组件中缺少 render(){} 函数。
• 尝试使用导出 {Welcome} 或导出默认欢迎来导出欢迎组件，但如果您使用第二个选项，请确保删除应用程序组件中欢迎周围的括号