老师转换失败了

老师转换失败了

S C:\Users\Sjz01\Desktop\demo> npm run build                                                                           

> demo.js@1.0.0 build C:\Users\Sjz01\Desktop\demo

> babel demo.js


TypeError: Cannot read property 'bindings' of null

    at Scope.moveBindingTo (C:\Users\Sjz01\Desktop\demo\node_modules\@babel\traverse\lib\scope\index.js:860:13)

    at BlockScoping.updateScopeInfo (C:\Users\Sjz01\Desktop\demo\node_modules\babel-plugin-transform-es2015-block-scoping\lib\index.js:364:17)

    at BlockScoping.run (C:\Users\Sjz01\Desktop\demo\node_modules\babel-plugin-transform-es2015-block-scoping\lib\index.js:330:12)

    at PluginPass.BlockStatementSwitchStatementProgram (C:\Users\Sjz01\Desktop\demo\node_modules\babel-plugin-transform-es2015-block-scoping\lib\index.js:70:24)

    at newFn (C:\Users\Sjz01\Desktop\demo\node_modules\@babel\traverse\lib\visitors.js:193:21)

    at NodePath._call (C:\Users\Sjz01\Desktop\demo\node_modules\@babel\traverse\lib\path\context.js:53:20)

    at NodePath.call (C:\Users\Sjz01\Desktop\demo\node_modules\@babel\traverse\lib\path\context.js:40:17)

    at NodePath.visit (C:\Users\Sjz01\Desktop\demo\node_modules\@babel\traverse\lib\path\context.js:88:12)

    at TraversalContext.visitQueue (C:\Users\Sjz01\Desktop\demo\node_modules\@babel\traverse\lib\context.js:118:16)

    at TraversalContext.visitSingle (C:\Users\Sjz01\Desktop\demo\node_modules\@babel\traverse\lib\context.js:90:19)

npm ERR! code ELIFECYCLE

npm ERR! errno 1

npm ERR! demo.js@1.0.0 build: `babel demo.js`

npm ERR! Exit status 1

npm ERR!

npm ERR! Failed at the demo.js@1.0.0 build script.

npm ERR! This is probably not a problem with npm. There is likely additional logging output above.


npm ERR! A complete log of this run can be found in:

npm ERR!     C:\Users\Sjz01\AppData\Roaming\npm-cache\_logs\2019-09-21T16_27_22_579Z-debug.log

PS C:\Users\Sjz01\Desktop\demo>                                                                                                                            

已经下载过 npm i -D babel-preset-env

且 

"devDependencies": {

    "babel-preset-env": "^1.7.0"

  },


{

"presets": [

"env"

]

}

这个也有了

正在回答

登陆购买课程后可参与讨论,去登陆

5回答

你好,是依赖版本的问题。

1、如果安装的是这种:

http://img1.sycdn.imooc.com//climg/5d897e5309cdc75100000000.jpg

前面没有@,和视频中一致,那么 .babelrc文件中也和视频中一致:

http://img1.sycdn.imooc.com//climg/5d8979690939701202350217.jpg

2、如果安装的是前面有@的(这是webpack 4.2以上使用的):

http://img1.sycdn.imooc.com//climg/5d897dbb09d1e5f804450219.jpg

那么.babelrc文件中修改为:

http://img1.sycdn.imooc.com//climg/5d897df7098e35c903590218.jpg

自己再测试下。

  • 慕神6715844 提问者 #1
    老师看回复又报错了 Error: Cannot find module '@babel/preset-env' from 'C:\Users\Sjz01\Desktop\demo'
    2019-09-24 20:38:23
  • 慕神6715844 提问者 #2
    老师已经解决了 ,我下载了最新版本的指令 env 7.2后运行正常了
    2019-09-24 21:01:25
  • 好帮手慕星星 回复 提问者 慕神6715844 #3
    自己能够解决问题是很棒的哦,继续加油~
    2019-09-25 09:43:36
提问者 慕神6715844 2019-09-24 20:37:49

PS C:\Users\Sjz01\Desktop\demo> npm run build                                                                           

> demo@1.0.0 build C:\Users\Sjz01\Desktop\demo

> babel entry.js


Error: Cannot find module '@babel/preset-env' from 'C:\Users\Sjz01\Desktop\demo'

    at Function.module.exports [as sync] (C:\Users\Sjz01\Desktop\demo\node_modules\resolve\lib\sync.js:74:15)

    at resolveStandardizedName (C:\Users\Sjz01\Desktop\demo\node_modules\@babel\core\lib\config\files\plugins.js:101:31)

    at resolvePreset (C:\Users\Sjz01\Desktop\demo\node_modules\@babel\core\lib\config\files\plugins.js:58:10)

    at loadPreset (C:\Users\Sjz01\Desktop\demo\node_modules\@babel\core\lib\config\files\plugins.js:77:20)

    at createDescriptor (C:\Users\Sjz01\Desktop\demo\node_modules\@babel\core\lib\config\config-descriptors.js:154:9)

    at C:\Users\Sjz01\Desktop\demo\node_modules\@babel\core\lib\config\config-descriptors.js:109:50

    at Array.map (<anonymous>)

    at createDescriptors (C:\Users\Sjz01\Desktop\demo\node_modules\@babel\core\lib\config\config-descriptors.js:109:29)

    at createPresetDescriptors (C:\Users\Sjz01\Desktop\demo\node_modules\@babel\core\lib\config\config-descriptors.js:101:10)

    at presets (C:\Users\Sjz01\Desktop\demo\node_modules\@babel\core\lib\config\config-descriptors.js:47:19) {

  code: 'MODULE_NOT_FOUND'

}

npm ERR! code ELIFECYCLE

npm ERR! errno 1

npm ERR! demo@1.0.0 build: `babel entry.js`

npm ERR! Exit status 1

npm ERR!

npm ERR! Failed at the demo@1.0.0 build script.

npm ERR! This is probably not a problem with npm. There is likely additional logging output above.


npm ERR! A complete log of this run can be found in:

npm ERR!     C:\Users\Sjz01\AppData\Roaming\npm-cache\_logs\2019-09-24T12_36_43_605Z-debug.log

PS C:\Users\Sjz01\Desktop\demo>     


提问者 慕神6715844 2019-09-23 23:27:21
提问者 慕神6715844 2019-09-23 23:26:42

http://img1.sycdn.imooc.com//climg/5d88e3c209080a7c07380386.jpghttp://img1.sycdn.imooc.com//climg/5d88e3c809624c1506720402.jpghttp://img1.sycdn.imooc.com//climg/images/unknow-80.png

-------------------------------------------------------

// entry.js

const add = (a,b)=> {return a+b};

class par {

static

constructor(){


}

}

-------------------------------------------------------

//.babelrc

{

"presets": [

"env"

]

}


-------------------------------------------------------

//package.json

{

  "name": "demo",

  "version": "1.0.0",

  "description": "",

  "main": "index.js",

  "scripts": {

    "test": "echo \"Error: no test specified\" && exit 1",

    "build": "babel entry.js"

  },

  "keywords": [],

  "author": "",

  "license": "ISC",

  "devDependencies": {

    "@babel/cli": "^7.6.0",

    "@babel/core": "^7.6.0",

    "babel-preset-env": "^1.7.0"

  }

}


  • 提问者 慕神6715844 #1
    我都恨不得把文件给老师发过去测试了~~~~
    2019-09-24 20:42:44
好帮手慕星星 2019-09-23 14:54:49

同学你好。

1、babel-cli依赖安装过了吗?

http://img1.sycdn.imooc.com//climg/5d886c2209d98ee004370159.jpg

如果没有,需要安装下哦。

2、.babelrc中的代码这边测试没有问题,建议将demo.js中的代码粘贴上来,老师帮助你测试下,便于准确定位问题所在。

祝学习愉快!

  • 提问者 慕神6715844 #1
    老师请看~~~上图
    2019-09-23 23:27:05
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师