index.html 不從 babel 加載轉譯的 javascript

Question

我正在嘗試創建一個純 ES6 應用程序，以使用 node/express 作為 Web 服務器進行學習。 我正在使用模塊導入並且它工作正常，正如您在 server.js 文件中看到的那樣，但是當我在 index.html 中使用這些腳本時，他沒有獲得轉譯的文件並調用“未捕獲的語法錯誤：”我的問題是，如何我可以從 index.html 訪問轉換后的文件嗎？

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(){

    }
}

Answer 1

您是否使用帶有 babel 的 webpack 將您的 ES6 代碼轉換為 ES5 代碼？ 一旦你設置了 webpack，就會有一個名為“babel-loader”的加載器為你做轉換。

index.html 不從 babel 加載轉譯的 javascript

問題描述

1 個解決方案

解決方案1
1 2017-09-28 19:51:11

index.html 不從 babel 加載轉譯的 javascript

問題描述

1 個解決方案

解決方案1 1 2017-09-28 19:51:11

解決方案1
1 2017-09-28 19:51:11