Create-React-Native-AppプロジェクトでMobXを使用し、Babelを使用してデコレータを有効にする

Question

CRNAを使用してプロジェクトを作成しましたが、いくつかの検討の後、MobXで状態管理を行うことにしました。 MobXはデコレータの構文に最も適しています（ほとんどのMobXドキュメントはデコレータ構文を使って書かれています）ので、デコレータの使用を可能にするBabelプラグインをインストールしたいと考えていました。

私は成功しMobX（yarn add mobx mobx-react）をインストールしましたが、デコレータを有効にするには、バベルのプラグインをインストールした後に（npm install --save-dev babel-plugin-transform-decoratorsと.babelrcでプラグインセクションに"transform-decorators"を追加し、yarn startはエラーを投げる動作を停止程度反応するネイティブ・スクリプトは発見されません。

私はその後yarn installを実行してきたし、この時間は、それが

Error starting packager: TypeError: Invalid Version: undefined 
    at new SemVer (D:\Projects\ReactNativePlayground\omar\MRKT\node_modules\semver\semver.js:279:11) 
    at Function.major (D:\Projects\ReactNativePlayground\omar\MRKT\node_modules\semver\semver.js:551:10) 
    at D:\xdl\src\project\Doctor.js:634:18 
    at D:\Projects\ReactNativePlayground\omar\MRKT\node_modules\lodash\lodash.js:4944:15 
    at baseForOwn (D:\Projects\ReactNativePlayground\omar\MRKT\node_modules\lodash\lodash.js:3001:24) 
    at D:\Projects\ReactNativePlayground\omar\MRKT\node_modules\lodash\lodash.js:4913:18 
    at Function.forEach (D:\Projects\ReactNativePlayground\omar\MRKT\node_modules\lodash\lodash.js:9359:14) 
    at D:\xdl\src\project\Doctor.js:624:9 
    at Generator.throw (<anonymous>) 
    at step (D:\Projects\ReactNativePlayground\omar\MRKT\node_modules\xdl\build\project\Doctor.js:615:191) 
error Command failed with exit code 1. 

を言って、エラーを投げた誰もがcRNAをしてMobXと経験を持っていますか？すべてのヘルプははるかに高く評価される！

Answer 1

私はそれを解決しました。運転中のnpm install --save-dev babel-plugin-transform-decoratorsが何かを壊したことが分かります。私が実行していたのはyarn add --dev babel-plugin-transform-decorators-legacyで、プラグインセクションにに"transform-decorators-legacy"を追加してください。これらのステップを実行した後、yarn installを実行してプロジェクトを修正しました。

はまた、私のエディタ（VSCode）は拡張子が実験的であることについての警告を投げたので、私は、ルートフォルダにjsconfig.jsonファイルを追加し、内部に以下を追加しました：

{ 
    "compilerOptions": { 
    "experimentalDecorators": true 
    }, 
    "exclude": [".expo/*", "node_modules/*"] 
}