0
私はnode/expressでWebサーバーとして学習するための純粋なES6アプリケーションを作成しようとしています。私はモジュールのインポートを使用していますが、server.jsファイルに表示されているようにうまくいきますが、これらのスクリプトをindex.htmlで使用すると、ファイルを取得せずにUncaught SyntaxErrorを呼び出します。私はindex.htmlからtranspiledファイルにアクセスできますか？index.htmlバベルから翻訳されたjavascriptをロードしない
server.jsファイル：
import express from 'express'
const port = 3000
const app = express()
app.set("view options", {layout: false});
app.use(express.static(__dirname + '/src'));
app.get('/', function(req, res) {
res.render('index.html');
});
app.listen(port,()=>{
console.log("server running in port "+ port)
})
package.jsonファイル：
{
"name": "ntn",
...
"scripts": {
"start": "nodemon server.js --exec babel-node"
},
"dependencies": {
"express": "^4.15.4",
"nodemon": "^1.12.1"
},
"devDependencies": {
"babel-cli": "^6.26.0",
"babel-core": "^6.26.0",
"babel-preset-env": "^1.6.0",
"babel-register": "^6.26.0",
"jasmine": "^2.8.0"
}
}
index.htmlファイル：
<!DOCTYPE html>
<html lang="en">
<head> ... </head>
<body>
<h1>Hello Word!</h1>
<script src="pages/member/MemberController.js"></script>
</body>
</html>
MemberController.jsファイル：
import { MemberView } from 'MemberView'
export class MemberController{
constructor(){
}
}