为什么我老是报错啊

浑俗和光233 2019-04-17

源自：ES6 class 5-2 babel环境安装（2）

收起

3回答

卡布琦诺回答被采纳获得+3积分 2019-04-18 17:04:48

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

1	`npm i -D babel-preset-env`

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

⑥执行编译

1	`npm run dev`

⑦安装

1	`npm i -D babel-preset-env`

⑧创建.babelrc文件

1	`touch .babelrc`

⑨配置.babelrc文件

{
    "presets":[
        "env"
    ]
}

或者配置详细信息

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

⑩执行编译

1	`npm run build`

希望可以帮到你！

收起回答

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

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

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

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