【问题标题】:babel react issues finding modulesbabel react 问题查找模块
【发布时间】:2017-02-15 01:13:22
【问题描述】:

我有一个小的 react jsx 文件,需要编译成 js。

我在带有js文件的目录中安装了babel和类似的预设

npm -g install babel-cli

npm install babel-preset-es2015 babel-preset-react 

我的脚本会这样做

babel --presets es2015,react input.js -o output.js

一切正常。

重新启动机器并重新运行构建。它失败。

每次我重新安装 babel 和预设以使其工作。

我不是 js 开发人员,查找类似的问题列表,谷歌搜索此问题会返回 25 种不同的“修复”问题的方法。这似乎是一项基本任务,为什么它周围有这么多噪音,以及将其添加到更大的非 JavaScript 构建过程的正确方法是什么。

【问题讨论】:

  • 尝试使用 --save 安装预设:npm install babel-preset-es2015 babel-preset-react --save

标签: javascript node.js reactjs babeljs react-jsx


【解决方案1】:

您必须全局安装presets。

这样做

  1. 创建一个新文件夹并将input.js 移至该文件夹
  2. npm init
  3. 在没有-g 的情况下执行npm i babel
  4. npm install babel-preset-es2015 babel-preset-react
  5. 在该位置打开控制台
  6. 运行./node_mudules/.bin/babel --presets es2015,react input.js -o output.js

【讨论】:

  • 我只是按照这里的说明进行操作 - facebook.github.io/react/docs/language-tooling.html 是不是错了?
  • 是的。也就是说,如果您正确设置了项目文件夹。试试我的解决方案。
  • 我试过了。出现错误:找不到相对于目录“.”的预设“es2015”。 “项目文件夹设置正确”涉及什么?
  • @Sharun 更新了答案!
  • 它有效。重启后也是。但我不清楚正在使用哪个版本的 babel 和预设。我现在在这个新的 node_modules 文件夹中有 13 MB 的文件。第 3 步必须使用 babel-cli。第 6 步只使用 babel。我的问题是我在这里实际上做了什么来将 jsx 转换为 js?我是否需要创建一个 npm prackage 并创建这个 package.json 来完成这项工作?非常感谢您抽出宝贵时间。非常感谢。
猜你喜欢
  • 2019-07-30
  • 2021-11-04
  • 1970-01-01
  • 1970-01-01
  • 2022-09-28
  • 2021-11-26
  • 2021-07-23
  • 2019-03-03
  • 2021-03-03
相关资源
最近更新 更多