首頁(yè) 猿問(wèn) 未定義Babel 6再生器運(yùn)行時(shí)

未定義Babel 6再生器運(yùn)行時(shí)

JavaScript Node.js

慕婉清6462132 2019-07-05 09:44:58

未定義Babel 6再生器運(yùn)行時(shí)我正在嘗試使用異步，在Babel 6上從頭到尾等待，但是再生器運(yùn)行時(shí)沒(méi)有定義。.babelrc文件{ "presets": [ "es2015", "stage-0" ]}Package.json文件"devDependencies": { "babel-core": "^6.0.20", "babel-preset-es2015": "^6.0.15", "babel-preset-stage-0": "^6.0.15"}.js文件"use strict";async function foo() { await bar();}function bar() { }exports.default = foo;正常使用它，而不需要異步/等待，工作正常。知道我做錯(cuò)什么了嗎？

查看完整描述

3 回答

慕娘9325324

TA貢獻(xiàn)1783條經(jīng)驗(yàn) 獲得超4個(gè)贊

babel-polyfill是必需的。您還必須安裝它才能獲得異步/等待工作。

npm i -D babel-core babel-polyfill babel-preset-es2015 babel-preset-stage-0 babel-loader

Package.json

"devDependencies": {
  "babel-core": "^6.0.20",
  "babel-polyfill": "^6.0.16",
  "babel-preset-es2015": "^6.0.15",
  "babel-preset-stage-0": "^6.0.15"}

.babelrc

{
  "presets": [ "es2015", "stage-0" ]}

.js具有異步/等待(示例代碼)

"use strict";export default async function foo() {
  var s = await bar();
  console.log(s);}function bar() {
  return "bar";}

在啟動(dòng)文件中

require("babel-core/register");require("babel-polyfill");

如果你用網(wǎng)絡(luò)包您需要將其作為entry數(shù)組在您的webpack配置文件中(通常是webpack.config.js)，如Per@Ceman評(píng)論所示：

module.exports = {
  entry: ['babel-polyfill', './test.js'],

  output: {
    filename: 'bundle.js'       
  },

  module: {
    loaders: [
      { test: /\.jsx?$/, loader: 'babel', }
    ]
  }};

如果您想使用Babel運(yùn)行測(cè)試，那么請(qǐng)使用：

mocha --compilers js:babel-core/register --require babel-polyfill

反對(duì) 回復(fù) 2019-07-05

撒科打諢

TA貢獻(xiàn)1934條經(jīng)驗(yàn) 獲得超2個(gè)贊

除了填充物，我用Babel-插件-轉(zhuǎn)換-運(yùn)行時(shí)..該插件被描述為：

外部化對(duì)幫助者和構(gòu)建器的引用，自動(dòng)填充代碼而不污染全局。這到底是什么意思？基本上，您可以使用內(nèi)置的，如承諾，集，符號(hào)等，以及使用所有的巴貝爾功能，需要一個(gè)完整的填充，沒(méi)有全球性的污染，使它非常適合圖書(shū)館。

它還包括對(duì)異步/等待的支持，以及ES 6的其他內(nèi)置。

$ npm install --save-dev babel-plugin-transform-runtime

在……里面.babelrc，添加運(yùn)行時(shí)插件。

{
  "plugins": [
    ["transform-runtime", {
      "regenerator": true
    }]
  ]}

反對(duì) 回復(fù) 2019-07-05

智慧大石

TA貢獻(xiàn)1946條經(jīng)驗(yàn) 獲得超3個(gè)贊

如果你把目標(biāo)設(shè)定為Chrome，它就能工作。但它可能不適用于其他目標(biāo)，請(qǐng)參閱：https：/github.com/Babel/Babel-預(yù)設(shè)-env/Isks/112

所以這個(gè)答案是不很適合最初的問(wèn)題。我會(huì)把它保存在這里作為參考babel-preset-env.

一個(gè)簡(jiǎn)單的解決方案是添加import 'babel-polyfill'在你的代碼開(kāi)始的時(shí)候。

如果您使用webpack，一個(gè)快速的解決方案是添加babel-polyfill如下所示：

entry: {
    index: ['babel-polyfill', './index.js']}

我相信我找到了最新的最佳做法。

檢查此項(xiàng)目：https://github.com/babel/babel-preset-env

yarn add --dev babel-preset-env

使用以下方式作為您的Babel配置：

{
  "presets": [
    ["env", {
      "targets": {
        "browsers": ["last 2 Chrome versions"]
      }
    }]
  ]}

那么你的應(yīng)用程序應(yīng)該可以在最后兩個(gè)版本的Chrome瀏覽器中使用。

你也可以設(shè)置節(jié)點(diǎn)作為目標(biāo)或微調(diào)瀏覽器列表https://github.com/ai/browserslist

告訴我什么，別告訴我怎么做。

我真的很喜歡babel-preset-env哲學(xué)：告訴我你想支持哪個(gè)環(huán)境，不要告訴我如何支持它們。這是聲明式編程的美妙之處。

我測(cè)試過(guò)async await他們確實(shí)有工作。我不知道它們是怎么工作的我真的不想知道。我想把我的時(shí)間花在我自己的代碼和業(yè)務(wù)邏輯上。感謝babel-preset-env它把我從巴貝爾配置地獄中解放出來(lái)。

反對(duì) 回復(fù) 2019-07-05

3 回答
0 關(guān)注
536 瀏覽

關(guān)注

添加回答

舉報(bào)

0/150

提交

取消

使用 Ctrl+D 可將網(wǎng)站添加到書(shū)簽

微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

未定義Babel 6再生器運(yùn)行時(shí)

未定義Babel 6再生器運(yùn)行時(shí)

3 回答

我相信我找到了最新的最佳做法。

告訴我什么，別告訴我怎么做。

添加回答

告訴我什么，別告訴我怎么做。