使用babel从node_modules导入模块但失败

Leo Gao

我用es6编写了一个模块,然后发布到npm,我想在另一个项目中使用它,所以我这样输入:

import {ActionButton} from 'rcomponents'

但这没有用:

D:\github\blog\node_modules\rcomponents\src\actionButton.jsx:1
(function (exports, require, module, __filename, __dirname) { import React fro
                                                              ^^^^^^
SyntaxError: Unexpected reserved word
    at exports.runInThisContext (vm.js:73:16)
    at Module._compile (module.js:443:25)
    at Module._extensions..js (module.js:478:10)
    at Object.require.extensions.(anonymous function) [as .jsx] (D:\github\blog\
node_modules\babel\node_modules\babel-core\lib\api\register\node.js:214:7)
    at Module.load (module.js:355:32)
    at Function.Module._load (module.js:310:12)
    at Module.require (module.js:365:17)
    at require (module.js:384:17)
    at D:\github\blog\node_modules\rcomponents\src\index.js:3:19
    at Object.<anonymous> (D:\github\blog\node_modules\rcomponents\src\index.js:
7:3)

这是我在webpack中的js加载器配置:

{ test: /\.jsx?$/, loader: `babel?cacheDirectory=${babelCache}` }

当我尝试导入非from的模块时node_modules,babel效果很好。但是从导入模块node_modules,babel似乎不起作用?

对数神话

参见babel文档

注意:默认情况下,对node_modules的所有要求都将被忽略。您可以通过传递忽略正则表达式来覆盖它。

通常期望的是,其中的模块node_modules已经提前进行了转译,因此Babel不会对其进行处理。如果您不打算这样做,则需要告诉它可以处理哪些文件。ignore允许。

require("babel/register")({
    // Ignore everything in node_modules except node_modules/rcomponents.
    ignore: /node_modules\/(?!rcomponents)/
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

TypeScript:从node_modules导入外部模块

如何修复“模块构建失败(来自./node_modules/babel-loader/lib/index.js):”?

模块构建失败(来自./node_modules/babel-loader/lib/index.js)Vue Js

如何解决 React 错误模块构建失败(来自 ./node_modules/babel-loader/lib/index.js):

模块构建失败(来自./node_modules/babel-loader/lib/index.js):TypeError:无法读取null的属性“ bindings”

如何修复此错误?:模块构建失败(来自 ./node_modules/babel-loader/lib/index.js):

使用前缀从 node_modules 导入 Vue

模块构建失败(来自./node_modules/babel-loader/lib/index.js):错误:找不到模块“ babel-preset-react”

Babelify在从node_modules导入模块时抛出ParseError

模块构建失败:ReferenceError:[BABEL] /app/src/index.js:未知选项:/app/node_modules/react/react.js.Children

React构建问题,。/ src / index.js中的错误模块构建失败(来自./node_modules/babel-loader/lib/index.js):

模块构建失败(来自./node_modules/babel-loader/lib/index.js)-在尝试运行laravel mix的npm run dev时

错误TS1259:只能使用'esModuleInterop'标志默认导入模块'“ ./node_modules/@types/express/index”'

强制想法使用从node_modules导入的精美打字稿

使用Gulp-SASS从node_modules导入CSS

使用 require() 从 node_modules 导入 css 文件

使用 webpack 目标节点从 node_modules 导入 css

./node_modules/node-pty/build/Release/pty.node模块解析失败:意外字符''

./src/app.js中的错误模块构建失败(来自./node_modules/babel-loader/lib/index.js):错误:找不到模块'@ babel / preset-present-env'

从css-loader启用CSS模块会禁止导入node_modules CSS

导入映像时,TS无法从node_modules中找到模块

在浏览器中的 es6 模块中无法识别从 node_modules 导入

模块构建失败(来自 ./node_modules/html-loader/dist/cjs.js):

如何修复“模块构建失败(来自./node_modules/postcss-loader/src/index.js)”

React - 从 Node_Modules 导入文件

从Webpack中的“ node_modules”导入CSS

从node_modules导入JS到Vue

从node_modules导入SASS局部

如何从node_modules导入JS库