为什么我老是报错啊

正在回答

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

3回答

1、从同学的截图上来看,以下命令书写错误,正确应该是

npm i -D babel-preset-env

                                             

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

2、建议同学重新建一个文件夹,重新安装命令,步骤参考:

①下载安装node.js(node.js需要安装在C盘)

②npm init

③npm install --save-dev babel-cli(出现版本号则证明安装成功)

④touch script.js

⑤配置文件

package.json

{
  "name": "coder",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "babel script.js"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "babel-cli": "^6.26.0",
    "babel-preset-env": "^1.7.0"
  }
}

书写script.js代码:

const add = (a,b) => a + b;
class Person{
	static A(){
		alert("b");
	}
	constructor(){
		
	}
}

⑥执行编译

npm run dev

⑦安装

npm i -D babel-preset-env

⑧创建.babelrc文件

touch .babelrc

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

⑨配置.babelrc文件

{
	"presets":[
		"env"
	]
}

或者配置详细信息

{
    "presets": [
        [
            "env",
            {
                "targets":
                {
                    "browsers": ["last 1 version"]
                }
            }
        ]
    ]
}

⑩执行编译

npm run build

希望可以帮到你!

好帮手慕糖 2019-04-18 15:06:04

同学你好,如下,老师这里测试还是成功运行的哦。

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

不知道是否是有符号输出问题,.babelrc文件的命名可以查看下是否有书写错误,且可以查看下内容书写的内容,不知道是否是存放符号问题,可以参考下如下:

{
    "presets": [
        ["env",
        {
            "targets":
            {
                "browsers": ["last 1 version"]
            }
        }]
    ]
}

希望能帮助到你,祝学习愉快!

  • 提问者 浑俗和光233 #1
    没有用欸,把.babelrc删光了也没有用, npm run build 在npm i -D babel-peset-env之前是可以顺利输出的,但装了之后就报错了
    2019-04-18 15:12:26
好帮手慕糖 2019-04-18 11:06:13

同学你好,老师这里测试了下是可以正常运行的哦,同学是测试哪一步报错的呢,可以详细的描述下哦。

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

祝学习愉快!

  • 提问者 浑俗和光233 #1
    在添加preset后再输入npm run build就报错了
    2019-04-18 11:11:57
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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