我试图建立一个构建环境来探索React。我的构建过程使用GULP。
我这样安装了软件包:
npm安装--save-dev@babel/preset-react
我的.Babelrc有这个:
{“预置”:[“@Babel/Preset-React”]}
gulp.task('scripts', function() {
return gulp.src(['./src/js/main.js' ])
.pipe(babel({
presets : ['@babel/preset/react']
}))
.pipe(concat('test.js'))
.pipe(gulp.dest('./js'))
.pipe(uglify())
.pipe(rename('test.min.js'))
.pipe(gulp.dest('./js')) ;
});
[22:51:14] Using gulpfile ~/play/learning-react-2/gulpfile.js
[22:51:14] Starting 'scripts'...
[22:51:14] 'scripts' errored after 59 ms
[22:51:14] Error in plugin "gulp-babel"
Message:
Cannot find module '@babel/core' (While processing preset: "/home/bob/play/learning-react-2/node_modules/@babel/preset-react/lib/index.js")
npm安装--save-dev@babel/core
如果我查看node_modules的内容,我会看到这些与Babel相关的包:
Babel-code-frame/
Babel-helper-builder-binary-assignment-operator/
Babel-helper-call-delegate/
Babel-helper-define-map/
Babel-helper-exployde-get-function-name/
Babel-helper-get-function-name/
Babel-helper-remap-async-to-generator/
/
巴贝尔-plugin-check-es2015-constants/
巴贝尔-plugin-syntax-async-functions/
巴贝尔-plugin-syntax-exponitation-operator/
巴贝尔-plugin-syntax-training-function-commas/
巴贝尔-plugin-syntax-function-commas/
巴贝尔-plugin-transform-async-to-generator/
巴贝尔-babel-plugin-transform-es2015-classes/
babel-plugin-transform-es2015-computed-properties/
babel-plugin-transform-es2015-destroting/
babel-plugin-transform-es2015-duplicate-keys/
babel-plugin-transform-es2015-duplicate-keys/
babel-plugin-transform-es2015-for-of/
babel-plugin-transform-es2015-for-/
el-plugin-transform-es2015-modules-systemjs/
babel-plugin-transform-es2015-modules-umd/
babel-plugin-transform-es2015-object-super/
babel-plugin-transform-es2015-object-super/
babel-plugin-transform-es2015-parameters/
babel-plugin-transform-es2015-parameters/
babel-plugin-transform-es2015-parameters BR>babel-plugin-transform-es2015-unicode-regex/
babel-plugin-transform-experation-
babel-plugin-transform-regenerator/
babel-plugin-transform-regenerator/
babel-plugin-transform-regenerator/
babel-plugin-transform-strict-mode/
babel-plugin-transform-env/
babel-transform-runtime/
我猜其中至少有一个是“巴别塔核心”
所以...我如何从Gulp中运行babel?我怎么运行它?
我也有同样的问题。我通过删除node_modules
和重新安装包(使用yarn
或npm install
)来解决这个问题。问题解决了。
问题内容: 在他运行npm的那一部分开始之前,我一直严格按照它进行操作。不同之处在于,他的应用程序运行了,而我的却得到了错误: 找不到模块’@ babel / core’ 完整错误: 我试图重新安装babel-core,但仍然找不到。这是我的package.json: 我的webpack.config.js: 这是git repo的链接: https://gitlab.com/jfny/webpa
捆绑[开发,非小型]0.0%(0/1)失败。错误:捆绑失败:错误:找不到模块'@Babel/Core'(在处理预设时: 其他一些人也有类似的问题,这些问题通过以下方法之一得到解决: 卸载babel-preset-react-native并再次安装@2.1.0。 有些人只能用纱线而不能用NPM来解决这个问题 不幸的是,没有一个对我有效。在我安装了“react-native-svg”:“^6.4.1”
问题内容: 尝试使用Webpack4和Babel7构建React应用时,我遇到以下错误。 ./src/index.js中的错误模块构建失败(来自./node_modules/babel-loader/lib/index.js):错误:无法从’/ Users / me / Desktop /找到模块’babel-preset-react’ reflask’-如果要解析“ react”,请使用“ mo
在尝试用Webpack4和Babel7构建react应用程序时,我遇到了以下错误。 ./src/index.js模块生成失败(来自./node_modules/babel-loader/lib/index.js):错误:从“/users/me/desktop/refleask”中找不到模块“babel-preset-react”-如果要解析“react”,请使用“Module:react”-您是说
我已经安装了Babel7.5,这应该是理想的目标预置环境包,但不确定为什么它正在寻找“Babel-Preset-ES2015”。 你们能告诉我我犯了什么错误吗?下面是我的代码 package.json .babelrc 模块生成失败(来自./node_modules/babel-loader/lib/index.js): 错误:从“d:\shashank\projects\uploadutilit
Ecosystem Test Against test262 The parser already does this, but we don't do it for transforms. We should run against test262 (the JavaScript test suite). This is made easier with test262-harness. In