问题标签 [babel-register]

我希望导入一个只有扩展名（无名称）的文件：.sec。此文件包含一个带有安全参数（如登录名和密码）的 json 对象。目标是在文件中添加扩展名，.gitignore以永远不要将此文件保存在 git 存储库中。

我使用babel-registerandtransform-es2015-modules-commonjs转换esmodulle为commonjs. 我在 babel-register options 中添加了新的扩展：

如果我命名文件security.sec并导入它，一切正常。但是，如果我.sec在导入文件时命名文件，则会出现错误：

找不到模块“.sec”

那么如何导入没有名字的文件呢？这是正确的方法吗？是否有现有的文件扩展名来保存安全参数？

我正在使用 React Native 编写一个应用程序，我想用 Tape 和 JSX 语法测试应用程序组件，所以我认为“babel”是必须的。

但是，当我运行时tape -r babel-register tests/**/*.js，我收到了一个臭名昭著SyntaxError的 PNG 文件。

打算在询问之前先搜索一下，我发现了很多关于 ReactJS（关于 Webpack 问题）和 Jest 的解决方案（通过设置jestin package.json）。

.babelrc

请随时评论我可以添加到这个问题的日志/版本/配置文件！谢谢。

我正在尝试将 babel-register 与我的 webpack 配置一起使用。这是我的文件：

.babelrc

webpack.config.js。

包.json。

输出错误是：

我不明白为什么，使用 node 和 babel-register 模块启动 webpack，最后一个不转译遇到的所有后续文件。我知道最好使用 webpack 模块来转换 .js、.jsx，但我想在这个 repo 中模拟调试和生产模式的示例：https ://github.com/chentsulin/electron-react-boilerplate 谢谢你的回答。

嗨，我正在努力解决这个 Unexpected token 'import' 错误一周。

经过大量搜索，现在我知道这是 babel-register 的问题，它不适用于 mocha 测试，而 webpack serve 工作正常。

起初我在使用 antd 库时遇到了 Unexpected token 'import' 错误，我遵循了其他解决方案，告诉我设置 .babelrc(setting node_modules: false)

但是现在我从我的测试文件中得到了同样的 Unexpected token 'import' 错误。请帮助我...这不是重复的，我已经完成了网络中与此相关的几乎所有解决方案。我很确定 --require babel-register 在 mocha 测试中不起作用。谢谢你。

我的错误信息

CSE_frontend choihongsuk$ npm 运行测试

redux-simple-starter@1.0.0 test /Users/choihongsuk/Desktop/-13-SNUCSE-website-SWPP-/CSE_frontend BABEL_ENV=test mocha --require babel-hook --require babel-register --require ./test /test_hel per.js --recursive ./test

babel-preset-env：DEBUG选项使用目标：{}

模块转换：假

使用插件：check-es2015-constants {}
transform-es2015-arrow-functions {}
transform-es2015-block-scoped-functions {}
transform-es2015-block-scoping {} transform-es2015-classes {}
transform-es2015-计算属性 {}
transform-es2015-destructuring {} transform-es2015-duplicate-keys {} transform-es2015-for-of {} transform-es2015-function-name {}
transform-es2015-literals {} transform-es2015- object-super {}
transform-es2015-parameters {} transform-es2015-shorthand-properties {} transform-es2015-spread {} transform-es2015-sticky-regex {}
transform-es2015-template-literals {} transform-es2015- typeof-symbol {} transform-es2015-unicode-regex {} transform-regenerator {}
transform-exponentiation-operator {} transform-async-to-generator {} syntax-trailing-function-commas {} /Users/choihongsuk/Desktop/-13-SNUCSE-website-SWPP-/CSE_frontend/test/test_helper.js： 1 (函数 (exports, require, module, __filename, __dirname) { import _$ from 'jquery'; ^^^^^^

对象处的 forEach ()。(/Users/choihongsuk/Desktop/-13-SNUCSE-website-SWPP-/CSE_frontend/node_modules/mocha/bin/_mocha:365:10) 在 Module._compile (module.js:649:30) 在 Object.Module。 _extensions..js (module.js:660:10) 在 Module.load (module.js:561:32) 在 tryModuleLoad (module.js:501:12) 在 Function.Module._load (module.js:493: 3）在Function.Module.runMain（module.js：690：10）启动时（bootstrap_node.js：194：16）在bootstrap_node.js：666：3 npm ERR！代码 ELIFECYCLE npm 错误！errno 1 npm 错误！redux-simple-starter@1.0.0 测试：32) 在 tryModuleLoad (module.js:501:12) 在 Function.Module._load (module.js:493:3) 在 Function.Module.runMain (module.js:690:10) 在启动时 (bootstrap_node.js: 194:16) 在 bootstrap_node.js:666:3 npm 错误！代码 ELIFECYCLE npm 错误！errno 1 npm 错误！redux-simple-starter@1.0.0 测试：32) 在 tryModuleLoad (module.js:501:12) 在 Function.Module._load (module.js:493:3) 在 Function.Module.runMain (module.js:690:10) 在启动时 (bootstrap_node.js: 194:16) 在 bootstrap_node.js:666:3 npm 错误！代码 ELIFECYCLE npm 错误！errno 1 npm 错误！redux-simple-starter@1.0.0 测试：BABEL_ENV=test mocha --require babel-hook --require babel-register --require ./test/test_helper.js --recursive ./testnpm 错误！退出状态 1 npm ERR！npm 错误！在 redux-simple-starter@1.0.0 测试脚本中失败。npm 错误！这可能不是 npm 的问题。上面可能有额外的日志输出。

npm 错误！可以在以下位置找到此运行的完整日志：npm ERR！
/Users/choihongsuk/.npm/_logs/2018-05-25T03_45_58_998Z-debug.log

包.json

.babelrc

webpack.config

测试助手.js

我想使用 babel-register 来运行一个为反应应用程序（服务器端渲染）提供服务的节点应用程序。

我这样使用它：

问题是，当我想导入一个没有扩展名的相对 jsx 文件（假设是 Checkout.jsx 文件）时

它导入一个空对象{}。如果我将 .jsx 扩展名添加到导入中，例如

它可以工作并导入 React 组件。

任何想法为什么没有扩展它不起作用？

谢谢！！

我写了一个 webpack 加载器，在这个加载器中我想获取 src.jsx 文件中引入的 react 组件的静态属性值。

我可以在这个loader中使用babel-register，但是项目的webpack配置好像被覆盖了，lessloader没有生效。

如何在 webpack loader 中获取 src 中组件的静态属性值？

谢谢！

我有一个带有 2 个测试的简单项目。

当我使用以下预设运行 mocha 时

jsx 测试有效，但 tsx 解析有问题...

当我更改为...

我明白了

有没有办法让两者都工作？我的项目基于

https://github.com/airbnb/enzyme/tree/master/packages/enzyme-example-mocha

我也试过

但我也一样...

如果我转身，["@babel/preset-env", "@babel/preset-typescript", "@babel/preset-react"]我会得到

下面gulpfile.babel.js运行没有错误babel-node gulpfile.babel.js（我知道要执行我应该运行的 gulp 任务gulp taskname，但babel-node gulpfile.babel.js用于在不运行任务的情况下进行调试）。

如果包含也包含or关键字的文件（node-modules/my-config-helper/index.js在此示例中） ，则会发生错误。importexportSyntaxError: Unexpected token export

节点模块/my-config-helper/index.js

看起来require('@babel/register');只影响单个文件但不包括在内。好的，我该怎么办？仅仅安装babel-core并插入babel-register是my-config-helper不够的。

在我的package.json我有以下依赖项：

当我尝试运行测试时：./node_modules/mocha/bin/mocha --require babel-polyfill --require babel-register --recursive ./tests/**我收到以下错误：

我最近从 version 更新了 Mocha ^3.2.x。使用相同的命令，使用 Mocha 3.2，测试运行没有问题。我使用 node.js 8.x LTS（在写这篇文章时是 8.13）

任何想法如何解决这个问题？谢谢。

我正在尝试 babel@7 的 @babel/register，但似乎无法让它工作。我的 package.json 如下：

需要('@babel/register') 的 es6 文件是：

请注意，我特意使用节点版本 6 来检查 babel 是否真的转译了我的 es6 脚本。

我得到：

回购链接：https ://github.com/ApolloTang/trying-out-babel-register-v7