不明なオプション：... /。babelrc.presets

Question

私はBabel 6をes2015に使用しており、反応はbabel-preset-es2015とbabel-preset-reactが必要です。

は、私が .babelrcで presetsプロパティを追加しますが、それは私にエラーをスロー：

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を実行してbabelをpackage.json経由で実行すると、エラーが表示されます。

アプリが実行されているため、エラーを無視できると思います。しかし、私はこのエラーがなぜ影響を受けているのかわかりません。

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')); 

Answer 1

私は、この問題はbabel-loaderとbabel-coreのバージョンによって引き起こされる考え出しました。

package.jsonでは、依存関係は^5.3.3と記載されているため、6.xには更新されません。それを>=5.3.3または^6.0.0に変更してください。

^は、サブバージョンをアップグレードしますが、メインバージョンはアップグレードしないことを意味します。

Answer 2

では、あなたが実際にあなたのnode_modulesでこれらのプリセットのライブラリを持っていることを確認します。

私は似ていますが少し違うエラーメッセージがありました。その理由は、reactプリセットを使用しようとしましたが、babel-react-presetが私のnode_modulesにありませんでした。最終結果は、babelがreactのコンテンツをプリセットとして使用しようとしていたためです。

ERROR in ./ui/js/myproject.js 
Module build failed: ReferenceError: [BABEL] /home/jsyrjala/myproject/ui/js/myproject.js: Unknown option: /home/jsyrjala/myproject/node_modules/react/react.js.Children 
    at Logger.error (/home/jsyrjala/myproject/node_modules/babel-core/lib/transformation/file/logger.js:43:11) 
    at OptionManager.mergeOptions (/home/jsyrjala/myproject/node_modules/babel-core/lib/transformation/file/options/option-manager.js:270:18) 
    at OptionManager.mergePresets (/home/jsyrjala/myproject/node_modules/babel-core/lib/transformation/file/options/option-manager.js:333:16) 
    at OptionManager.mergeOptions (/home/jsyrjala/myproject/node_modules/babel 

Answer 3

私はbabel src --out-dir libで動作しますが、npm run XXXでは動作しません。私はbabel-cli @ localプロジェクトをインストールした後、私のマシンにBabel-cli@6.18.0 CLIをグローバルにインストールします。npm runで動作します。

Answer 4

preactをビルドしようとするとこのエラーが発生しました。私は、妨害していた親ディレクトリの.babelrcファイルを持っていました。それを取り除いた後、問題はなくなった。

Answer 5

私のような場合には、同じエラーをスローするバベルがグローバルにインストールされています。最初にbabelをアンインストールしてから、依存関係の一部としてbabel-cli^6.26.0をインストールしてから、再度npm startコマンドを実行してみてください。