未知选项:.../.babelrc.presets [英] Unknown option: .../.babelrc.presets
问题描述
我正在将Babel 6用于es2015并做出反应,这需要babel-preset-es2015
和babel-preset-react
.
I am using Babel 6 for es2015 and react which requires babel-preset-es2015
and babel-preset-react
.
我在.babelrc
中添加了presets
属性,但它给我抛出了一个错误:
I add the presets
property in .babelrc
but it throw me an error:
ERROR in ./src/client/entry.js
Module build failed: ReferenceError: [BABEL] /Users/brick/Dropbox/learncoding/node.js/isomorphic/src/client/entry.js: Unknown option: /Users/brick/Dropbox/learncoding/node.js/isomorphic/.babelrc.presets
at Logger.error (/Users/brick/Dropbox/learncoding/node.js/isomorphic/node_modules/babel-core/lib/transformation/file/logger.js:58:11)
at OptionManager.mergeOptions (/Users/brick/Dropbox/learncoding/node.js/isomorphic/node_modules/babel-core/lib/transformation/file/options/option-manager.js:126:29)
at OptionManager.addConfig (/Users/brick/Dropbox/learncoding/node.js/isomorphic/node_modules/babel-core/lib/transformation/file/options/option-manager.js:107:10)
at OptionManager.findConfigs (/Users/brick/Dropbox/learncoding/node.js/isomorphic/node_modules/babel-core/lib/transformation/file/options/option-manager.js:168:35)
at OptionManager.init (/Users/brick/Dropbox/learncoding/node.js/isomorphic/node_modules/babel-core/lib/transformation/file/options/option-manager.js:229:12)
at File.initOptions (/Users/brick/Dropbox/learncoding/node.js/isomorphic/node_modules/babel-core/lib/transformation/file/index.js:147:75)
at new File (/Users/brick/Dropbox/learncoding/node.js/isomorphic/node_modules/babel-core/lib/transformation/file/index.js:137:22)
at Pipeline.transform (/Users/brick/Dropbox/learncoding/node.js/isomorphic/node_modules/babel-core/lib/transformation/pipeline.js:164:16)
at transpile (/Users/brick/Dropbox/learncoding/node.js/isomorphic/node_modules/babel-loader/index.js:12:22)
at Object.module.exports (/Users/brick/Dropbox/learncoding/node.js/isomorphic/node_modules/babel-loader/index.js:69:12)
@ multi main
我的.babelrc
文件是:
{
"presets": [
"es2015",
"react"
]
}
我可以运行babel src -d lib
命令,它可以正常工作.但是,如果我运行npm start
通过package.json
运行babel
,则会出现错误.
I can run babel src -d lib
command, it works. But if I run npm start
to run the babel
via package.json
, the error appears.
我认为我可以忽略该错误,因为该应用程序正在运行.但是我想知道为什么会出现此错误,并且不确定会导致什么错误.
I think I can ignore the error because the app runs. But I want to know why this error and not sure what it affects.
我在package.json
中的scripts
是:
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"clean": "rm -rf lib",
"build": "npm run clean && /usr/local/bin/babel src -d lib --experimental",
"server": "nodemon lib/server/server",
"dev-server": "node lib/server/webpack",
"watch-js": "/usr/local/bin/babel src -d lib --experimental -w",
"start": "npm run watch-js & npm run dev-server & npm run server"
},
我的entry.js
是
import React from "react";
import Router from "react-router";
import ReactDOM from "react-dom";
import routes from "./routes";
import DataWrapper from './DataWrapper';
import createBrowserHistory from 'history/lib/createBrowserHistory';
let history = createBrowserHistory();
var data = JSON.parse(document.querySelector('#data').innerHTML);
ReactDOM.render(<DataWrapper data={data}><Router history = {history}>{routes}</Router></DataWrapper>, document.querySelector('#app'));
推荐答案
我发现此问题是由babel-loader
和babel-core
的版本引起的.
I figured out this problem is caused by the version of babel-loader
and babel-core
.
在package.json
中,依赖项表示为^5.3.3
,因此它将不会更新为6.x.将其更改为>=5.3.3
或^6.0.0
.
In the package.json
the dependencies was stated ^5.3.3
so it won't update to 6.x. Change it to >=5.3.3
or ^6.0.0
.
^
表示升级子版本,但不升级主版本.
^
means upgrade the sub version but don't upgrade main version.
这篇关于未知选项:.../.babelrc.presets的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!