问无法导入内联babel ReactJS unpkg中的文件

EN

class Trial extends React.Component {
  render() {
    return (
      <div>
        <h1>Hello World</h1>
      </div>
    );
  }
}

module.exports = Trial;

<script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
<script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>

<div id="root"></div>

<script type="text/babel">

const Trial = require('./App')

class App extends React.Component {
    render() {
        return (
            <div className="navbar">
                <Trial />

                ......

            </div>
        )
    }
}

ReactDOM.render(
    <App />,
    document.getElementById('root')
);
</script>

Uncaught ReferenceError: require is not defined
at <anonymous>:38:14
at n (babel.min.js:12)
at r (babel.min.js:12)
at o (babel.min.js:12)
at u (babel.min.js:12)
at E (babel.min.js:1)