如何修復JS節點 “的SyntaxError: 意外的令牌進口” 使用JavaScript模塊時

為了使節點到出口的模塊，你必須分配各功能, 對象或變量, 要求要出口, 作為modules.exports對象的屬性.

出口

在此示例中，模塊文件是robot.js. 每個功能, 對象或變量，我們想提供給其他文件，我們讓他們的出口對象的屬性.

robot.js (模塊文件)

exports.sayHello =

(味精) => 的console.log('你好，偷看者!')


exports.hello = "你好!"


exports.greetings =

  { 英語 : "你好!",

    法國 : "你好!",

    西班牙語: "奧拉!"

  }

輸入

節點不支持import語句, 因此，舊的需要功能需要進口時使用.

在這裡，我們導入robot.js (注意: .JS可以選擇性地在需要的功能被冷落) 並將其分配給一個對象，我們可以說出什麼. 我們將其命名為機器人. 我們的機器人對象現在擁有robot.js我們的出口模塊

我們可以按如下方式使用它…

app.js (主文件)

常量機器人=需要('。 /機器人')


robot.sayHello()

的console.log(robot.hello)

的console.log(robot.greetings.french)

記住使用模塊變量時使用您選擇第一行對象名稱, 功能或目的.

注意: 瀏覽器不支持需要聲明. 因此，你不能使用瀏覽器需要導入模塊的功能，而無需使用transpiler如巴貝爾或如Browserify一個捆綁.