Webpack 不能';“找不到预设值”;es2015“;相对于目录
我开始使用React和Flux架构,但在使用babel时遇到了一些问题 我在尝试使用Webpack 不能';“找不到预设值”;es2015“;相对于目录,webpack,ecmascript-6,babeljs,webpack-dev-server,Webpack,Ecmascript 6,Babeljs,Webpack Dev Server,我开始使用React和Flux架构,但在使用babel时遇到了一些问题 我在尝试使用webpack dev server运行应用程序时遇到错误。以下是错误: ERROR in The node API for `babel` has been moved to `babel-core`. @ (webpack)-dev-server/client?http://localhost:3002 1:10-24 ERROR in The node API for `babel` has been
webpack dev server
运行应用程序时遇到错误。以下是错误:
ERROR in The node API for `babel` has been moved to `babel-core`.
@ (webpack)-dev-server/client?http://localhost:3002 1:10-24
ERROR in The node API for `babel` has been moved to `babel-core`.
@ (webpack)-dev-server/client?http://localhost:3002 3:16-37
ERROR in The node API for `babel` has been moved to `babel-core`.
@ (webpack)-dev-server/client?http://localhost:3002 2:13-37
ERROR in (webpack)/~/process/browser.js
Module build failed: Error: Couldn't find preset "es2015" relative to directory "/usr/local/lib/node_modules/webpack/node_modules/process"
at /var/www/public/flux/node_modules/babel-core/lib/transformation/file/options/option-manager.js:372:17
at Array.map (native)
at OptionManager.resolvePresets (/var/www/public/flux/node_modules/babel-core/lib/transformation/file/options/option-manager.js:364:20)
at OptionManager.mergePresets (/var/www/public/flux/node_modules/babel-core/lib/transformation/file/options/option-manager.js:348:10)
at OptionManager.mergeOptions (/var/www/public/flux/node_modules/babel-core/lib/transformation/file/options/option-manager.js:307:14)
at OptionManager.init (/var/www/public/flux/node_modules/babel-core/lib/transformation/file/options/option-manager.js:465:10)
at File.initOptions (/var/www/public/flux/node_modules/babel-core/lib/transformation/file/index.js:194:75)
at new File (/var/www/public/flux/node_modules/babel-core/lib/transformation/file/index.js:123:22)
at Pipeline.transform (/var/www/public/flux/node_modules/babel-core/lib/transformation/pipeline.js:45:16)
at transpile (/var/www/public/flux/node_modules/babel-loader/index.js:14:22)
@ ./~/react/lib/ReactDOM.js 1:0-78
另外,这是我的网页包配置文件:
module.exports = {
entry: "./src/js/main.js",
output: {
path: "./dist",
filename: "bundle.js",
publicPath: "/"
},
devServer: {
inline: true,
port: 3002,
contentBase: "./dist"
},
module: {
loaders: [
{
test: /\.jsx?$/,
exlude: /(node_modules|bower_components)/,
loader: "babel",
query: {
presets: ["es2015", "react"]
}
}
]
}
};
还有我的package.json
文件和所有依赖项:
{
"name": "flux-jenezis",
"version": "1.0.0",
"description": "Flux realisatoin usign egghead guide",
"main": "index.js",
"scripts": {
"start": "webpack-dev-server"
},
"keywords": [
"flux",
"react"
],
"author": "jenezis",
"license": "ISC",
"dependencies": {
"flux": "^2.1.1",
"react": "^15.0.2",
"react-dom": "^15.0.2",
"react-router": "^2.4.0"
},
"devDependencies": {
"babel-core": "^6.7.7",
"babel-loader": "^6.2.4",
"babel-preset-es2015": "^6.6.0",
"babel-preset-react": "^6.5.0"
}
}
是的anyoyne看到或可能解决了这个问题
PS:
节点版本:5.0.0,NPM版本:3.7.5
UPD:所有使用npm安装的软件包和依赖项
--无bin链接
标志,因为Windows共享文件夹…您必须安装babel core。这是必需的依赖关系
npm i babel-core -D
运行
npm卸载babel-g
babel软件包已被弃用,不再需要
exlude: /(node_modules|bower_components)/,
应该是
exclude: /(node_modules|bower_components)/,
“es2015”在:
实际上是一个路径-因此,如果在/usr/local/lib/node_modules/webpack/node_modules/process/es2015目录中没有es2015预设,则必须精确指向它,例如:
.pipe(babel({
presets: ['../../gulp/node_modules/babel-preset-es2015']
}))
它对我有效我已经安装了
babel core
。可以肯定的是,重新安装它一次,仍然有相同的问题它是全局安装的,或者它需要安装在项目中?它是项目中必需的。在你的依赖中。顺便说一句,您不需要在依赖项中使用babel预设,只需要在devDependenciesThanks中提供建议。我已经更新了我的package.json
并重新安装了整个项目,但问题仍然存在。非常感谢您可能会重复!我必须绑定一个名为tween.js的库,而且我也一直都会遇到错误。我的问题是,我的webpack.config.json中没有exclude参数!有人能解释一下排除的作用吗?并确保npm安装了babel-preset-es2015
。你有相关链接吗?
.pipe(babel({
presets: ['../../gulp/node_modules/babel-preset-es2015']
}))