跟随`babel`官网在`cli`进行基本的安装配置,出现问题

我跟随官网的配置文档进行学习,选择了CLI的方式,当时中间问题重重。

我在node 10.12.0, npm 6.4.1, windows7环境下,运行了以下命令:

npm init -y
npm install --save-dev babel-cli
npm install @babel/preset-env --save-dev

我新建js文件夹,写了个简单的es6语法的js文件,然后创建了.babelrc文件,内容如下:

{
    "presets": [
        "@babel/preset-env"
    ]
}

在上述情况下,通过npm run build,运行package.json中的命令babel js -d build,此时提示我缺少@babel/core,因此又进行了安装npm install --save-dev @babel/core@7.0.0,最后我的工程项目如下图:

图片描述

此时,再次运行npm run build,会出现如下的报错:

图片描述

@babel/core明明都是7.0.0版本了,为什么还会出错呢,该如何解决?

阅读 1.7k
1 个回答

跟着这个usage guide,可以成功搞定。

npm install --save-dev @babel/core @babel/cli @babel/preset-env

原因应该是babel7版本以后命名系统变了,npm install --save babel-cli装的会是6.x版本,而不会是最新的7版本。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题