노드를 사용하여 웹 앱을 만들고 반응합니다. Node and React 어플리케이션을 분리하기보다는 React를 통합하고 싶습니다. 따라서 반응 앱보다는 반응 CDN을 index.html
으로 가져 오려고했습니다. 내 서버는 index.html을 완벽하게 제공하지만 반응 구성 요소에 오류가 발생합니다.CDN을 사용하여 기존 Node Express 앱에 React를 통합합니다.
이 내 index.html
<html>
<head>
<meta charset="utf-8">
<title>React Powered chat App</title>
</head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.2.0/umd/react.development.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.2.0/umd/react-dom.development.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.4/socket.io.js" charset="utf-8"></script>
<script src="/scripts/main.js" charset="utf-8"></script>
<body>
Hello !
<div id ='App'></div>
</body>
</html>
이 나는군요 내 main.js
class App extends React.Component {
render(){
return (
<div>
Hello !
</div>
);
}
}
ReactDOM.render(<App />, document.getElementById('App'));
오류가 내가 잘못했을 무엇
Uncaught SyntaxError: Unexpected token < main.js:4
이다? CDN과 반응 할 수 있습니까?
그리고 내가 react/cjs/react.development 라이브러리를 사용할 때 더 많은 오류가 발생했습니다. 그럼 읽기 후 this stackoverflow 질문/react/umd/libraries를 사용합니다. 그렇다면 cjs
과 umd
CDN 라이브러리의 차이점은 무엇입니까?
[ReactDOMServer] (https://reactjs.org/docs/react-dom-server.html)를 공식 웹 사이트에서 추천 했습니까? –