2017-01-02 5 views
9

私はこのエラーに遭遇し続けます。最近数回起こったが、今は取り除くことができない。SyntaxError: 'import'と 'export'は 'sourceType:module'(1:0)としか表示されません

{ 
    "presets": ["react-native"], 
    "plugins": ["transform-decorators-legacy"] 
} 

私はいくつかの違いのバリエーションを試してみたが、すべては、以下の私にエラーを与える:私は私のネイティブプロジェクトを反応させ、私はので、私はデコレータをサポートしている私の.babelrcで何かを必要としてMobXを使用しています。それを削除すると、デコレータがサポートされていないためにエラーが発生します。

SyntaxError: 'import' and 'export' may appear only with 'sourceType: module' (1:0) 
    at Parser.pp$5.raise (/path-to/node_modules/babylon/lib/index.js:4246:13) 
    at Parser.pp$1.parseStatement (/path-to/node_modules/babylon/lib/index.js:1749:16) 
    at Parser.pp$1.parseBlockBody (/path-to/node_modules/babylon/lib/index.js:2133:21) 
    at Parser.pp$1.parseTopLevel (/path-to/node_modules/babylon/lib/index.js:1645:8) 
    at Parser.parse (/path-to/node_modules/babylon/lib/index.js:1537:17) 
    at Object.parse$1 [as parse] (/path-to/node_modules/babylon/lib/index.js:6466:37) 
    at extractDependencies (/path-to/node_modules/react-native/packager/react-packager/src/JSTransformer/worker/extract-dependencies.js:29:23) 
    at transform (/path-to/node_modules/react-native/packager/react-packager/src/JSTransformer/worker/index.js:53:9) 
    at module.exports (/path-to/node_modules/react-native/packager/transformer.js:130:3) 
    at transformCode (/path-to/node_modules/react-native/packager/react-packager/src/JSTransformer/worker/index.js:27:3) 
transformed 35/139 (25%)/path-to/node_modules/babylon/lib/index.js:4249 
    throw err; 

node_modulesを削除して、何度か再インストールしました。私は糸を使用しています。もう一度yarn installを実行する前にロックファイルを削除してください。

私はthis guideに続いてBabelプラグインをインストールしました。

"dependencies": { 
    "apsl-react-native-button": "^3.0.0", 
    "mobx": "^2.5.0", 
    "mobx-react": "^3.5.5", 
    "react": "15.3.2", 
    "react-native": "0.37.0", 
    "react-native-autogrow-textinput": "^2.0.3", 
    "react-native-awesome-button": "^1.6.0", 
    "react-native-couchbase-lite": "git://github.com/adamski/react-native-couchbase-lite.git#gradle-experimental", 
    "react-native-keep-awake": "git://github.com/adamski/react-native-keep-awake.git#experimental-gradle", 
    "react-native-keyboard-aware-view": "^0.0.11", 
    "react-native-keyboard-dodging-view": "git://github.com/adamski/react-native-keyboard-dodging-view#upper-text-inputs", 
    "react-native-modalbox": "^1.3.4", 
    "react-native-navigation": "git://github.com/adamski/react-native-navigation.git#gradle-experimental-update", 
    "react-native-searchbar": "^0.4.2", 
    "react-native-simple-store": "^1.0.1", 
    "react-native-swipe-list-view": "^0.3.1" 
    }, 
    "devDependencies": { 
    "babel-plugin-transform-decorators-legacy": "^1.3.4", 
    "babel-preset-react-native": "^1.9.1" 
    } 

私はRN 0.38に更新しようとしたが、まだ同じエラーを取得: 私package.jsonは次のようになります。バビロンの異なるバージョン間の競合を示唆ag babylon利回り

yarn.lock 
200: babylon "^6.11.0" 
885: babylon "^6.11.0" 
896: babylon "^6.11.0" 
911:[email protected]^6.11.0, [email protected]^6.13.0, [email protected]^6.13.1: 
913: resolved "https://registry.yarnpkg.com/babylon/-/babylon-6.14.1.tgz#956275fab72753ad9b3435d7afe58f8bf0a29815" 
3478: babylon "^6.13.0" 
3555: babylon "^6.13.1" 

を実行

誰でもこのエラーメッセージが実際に意味することを教えていただけますか?それは私のコードの中に何か、またはそれは私のモジュール間のバベルバージョンの不一致ですか?私はそのためのパッケージがあると思い

+0

どのモジュールがインポートされていませんか? – Codesingh

+0

@コードシン私は分かりません..プロジェクトのルートディレクトリから – Adamski

+0

をアンインストールしてください。 – Codesingh

答えて

2

バベル・プリセット・ネイティブステージ-0を反応させ、中にあなたの「反応するネイティブステージ-0 /デコレータ-サポート」ごプリセットを追加.babelrc配列

+1

これは私が元々 ' babelrc' - 私はさまざまなオプションを試してきましたが、まだこのエラーに対処しています。プロジェクトを再構築する時間かもしれない... – Adamski

0

私は同じ問題がありました。最後に私の解決策は、.babelrcファイルをすべて削除することでした。次に、いくつかのプリセットをインストールし、devの依存関係として追加する必要がありました。

具体的に:

babel-preset-es2015 babel-preset-react babel-preset-react-native

、すべてが再び仕事を始めました。

関連する問題