이들은 index.html 파일는 반응
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdnjs.cloudflare/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
<script src="https://cdnjs.cloudflare/ajax/libs/react/0.14.7/react.js"></script>
<script src="https://cdnjs.cloudflare/ajax/libs/react/0.14.7/react-dom.js"></script>
</head>
<body>
<div id = "app">
<script type="text/babel" src="app.jsx">
</script>
</div>
</body>
</html>
의 내용 그리고 내 app.jsx 파일의 내용이 server.js 파일의
ReactDOM.render(
<h1>Hello React!</h1>,
document.getElementById('app')
);
내용은
입니다있는 표현var express = require('express');
var app = express();
app.use(express.static('public'));
app.listen(3000,function(){
console.log('Express server is up on port 3000');
});
그리고 package.json의 내용은
입니다.내가 명령 노드 server.js, 페이지 로컬 호스트를 사용하여 파일을 실행하면 디렉토리 구조가 directory structure
입니다 : // 3000 빈 것으로 밝혀졌습니다. 기대했는데 안녕하세요.이 화면에 나타납니다. 나는 반응과 표현으로 시작하고 이것이 왜 그렇게되는지 알 수 없었다.
불행히도 작동하지 않았습니다. –
어떤 디렉토리 구조를 게시 할 수 있습니까? –
디렉토리 구조가 질문 하단에 있습니다. –