我无法使用带有以下代码的babel导入带有reactjs的引导程序。我使用以下CDN来实现结果。
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.24.0/babel.js"/>
<script src='https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js'/>
<script src="https://unpkg.com/react-bootstrap@next/dist/react-bootstrap.min.js"/>
</head>
<body>
<div id='root'></div>
<script type='text/babel'>
class App extends React.Component{
render(){
return (
<div>
<div class="jumbotron">
<h1 class="display-4">Amazing React, Bootstrap and Webpack</h1>
<p class="lead">Created with love</p>
<hr class="my-4"/>
<p>It uses utility classes for typography and spacing to space content out
within the larger container.</p>
<p class="lead">
<a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a>
</p>
</div>
</div>
);
}
}
ReactDOM.render(
<App />,
document.getElementById('root')
);
</script>
</body>
</html>
我遇到以下错误。我只想在项目的一部分中使用reactjs。有人可以帮助我如何解决此问题。
react-bootstrap.min.js:39 Uncaught TypeError: l.a.createContext is not a function
at Module.<anonymous> (react-bootstrap.min.js:39)
at n (react-bootstrap.min.js:1)
at react-bootstrap.min.js:1
at react-bootstrap.min.js:1
at react-bootstrap.min.js:1
at react-bootstrap.min.js:2
不要在这里导入,而是将其导入到公共文件夹的index.html
中。这应该在html文件中完成,而不是在js文件