Webpack失败了，巴贝尔已经被调到了巴贝尔核心。
Webpack失败了，巴贝尔已经被调到了巴贝尔核心。
提问于 2016-07-06 15:31:33
我遵循了不同开发人员在堆栈溢出帖子上发布的解决方案。然而，他们都没有帮助解决我遇到的问题。我做过的事情很少是
- 卸载babel
- 安装babel-core，babel-cli
- 升级到节点v6.2.2
- 重装webpack
- 炸毁node_modules并再次运行npm安装
以上所述均未修复此错误。
ERROR in The node API for `babel` has been moved to `babel-core`.
@ (webpack)-dev-server/client?http://localhost:3333 1:10-24
ERROR in The node API for `babel` has been moved to `babel-core`.
@ (webpack)-dev-server/client?http://localhost:3333 3:16-37
ERROR in The node API for `babel` has been moved to `babel-core`.
@ (webpack)-dev-server/client?http://localhost:3333 2:13-37
ERROR in (webpack)/~/process/browser.js
Module build failed: Error: Couldn't find preset "react" relative to directory "/Users/admin/.nvm/versions/node/v6.0.0/lib/node_modules/webpack/node_modules/process"
at /Users/admin/repos/ReactJSApps/react-es6-setup/node_modules/babel-core/lib/transformation/file/options/option-manager.js:395:17
at Array.map (native)
.
.
.
webpack: bundle is now VALID.这是我的package.json
{
"name": "react-es6-setup",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"start": "webpack-dev-server"
},
"author": "",
"license": "ISC",
"dependencies": {
"react": "^15.2.0",
"react-dom": "^15.2.0"
},
"devDependencies": {
"babel-core": "^6.10.4",
"babel-loader": "^6.2.4",
"babel-preset-es2015": "^6.9.0",
"babel-preset-react": "^6.11.1"
}
}和webpack.config.js
module.exports = {
entry: './main.js',
output: {
path: './',
filename: 'index.js'
},
devServer: {
inline: true,
port: 3333
},
module: {
loaders: [
{
test: /\.js$/,
exclude: 'node_modules',
loader: 'babel',
query: {
presets: [ 'es2015', 'react' ]
}
}
]
}
}和node_modules的dir列表
$ ls -l node_modules/ |grep react
drwxr-xr-x 6 admim 207825898 204 Jul 6 02:02 babel-helper-builder-react-jsx/
drwxr-xr-x 6 admim 207825898 204 Jul 6 02:02 babel-plugin-transform-react-display-name/
drwxr-xr-x 6 admim 207825898 204 Jul 6 02:02 babel-plugin-transform-react-jsx/
drwxr-xr-x 6 admim 207825898 204 Jul 6 02:02 babel-plugin-transform-react-jsx-self/
drwxr-xr-x 6 admim 207825898 204 Jul 6 02:02 babel-plugin-transform-react-jsx-source/
drwxr-xr-x 6 admim 207825898 204 Jul 6 02:02 babel-preset-react/
drwxr-xr-x 9 admim 207825898 306 Jul 6 02:03 react/
drwxr-xr-x 9 admim 207825898 306 Jul 6 02:03 react-dom/回答 3
Stack Overflow用户
发布于 2017-03-28 19:41:59
loaders: 'babel-loader' in webpack.config.js帮我解决了这个问题-
使用npm安装这些依赖项
"babel-core": "^6.1.2",
"babel-loader": "^6.1.0",
"babel-plugin-transform-runtime": "^6.1.2",
"babel-preset-es2015": "^6.1.2",
"babel-preset-stage-0": "^6.1.2",
"babel-runtime": "^5.8.0",在webpack.config.js文件中，有以下代码：
const path = require('path');
module.exports = {
entry: './src/main.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'dist.js',
publicPath: "js"
},
module: {
loaders: [
{
test: /\.js$/,
loader: 'babel-loader',
exclude: /node_modules/
}
]
}
}Stack Overflow用户
发布于 2017-02-03 01:32:08
试试这个：
首先删除node_module文件夹，然后
npm init
npm i webpack -S (Install Globally too)
npm i babel-loader babel-preset-es2015 babel-preset-react babel-core -S
npm i react react-dom -S`确保您的webpack.config.js具有：
loaders: [
{
test: /\.js$/,
exclude: 'node_modules',
loader : 'babel-loader',
...然后是run webpack -d
Stack Overflow用户
发布于 2018-12-19 07:45:15
我通过在webpack配置中将我的加载程序改为babel-loader而不是babel来解决这个问题。
module: {
rules: [
{
...
loader: 'babel',
...
},
],
},页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38227896
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号