0

ハッピーサンクスギビング！

私は状況に直面しており、誰かが私を助けてくれることを願っています. package.json ファイルがあり、es6 をトランスパイルしようとしていますが、何が間違っているのか正確にはわかりません。私は現在のpackage.jsonのJS Fiddleを持っています: http://jsfiddle.net/jdubba/nnhytbdr/しかし、主に、私はここにこの行を持っています:

{
  "name": "react-starter",
  "browserify": {
    "transform": [
      "reactify"
    ]
  },
  "scripts": {
...

私が読んできたものから、「browserify」オブジェクトの「transform」の下で、次のようなことができるはずです：

{
  "presets": ["es2015", "react"]
}

しかし、私はこれを間違ってやっています。ここで見つけたものから離れます: https://github.com/andreypopp/reactify

変換配列を次のように変更すると:

"transform": [
      ["reactify", {"es6": true}]
    ]

次に、コードに import ステートメントを追加すると、次のエラーが発生します。

Parse Error: Line 2: Illegal import declaration while parsing file:

その後、必然的に別の発見の道に私を送りました：

https://www.google.com/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=解析+エラー+不正+インポート+宣言+while+解析中

しかし、私の問題を解決するものは何も見つかりませんでした。これillegal import declaration errorはかなり一般的ですが、私は grunt や gulp を使用しなくても機能するソリューションに興味があります (これは主に私が見ているものです)。誰か手を貸してくれませんか？

4

1 に答える 1

0

最終的に、package.json に次の変更を加えました。

"browserify": {
    "transform": [
      "babelify"
    ]
  },
...

babelify v7.2.0 を で動作させることができなかったimport/exportので、v6.1.2 に切り替えることで、私が望んでいた結果が得られました。

于 2015-11-27T14:40:08.703 に答える