2016-05-07 8 views
1

私は次のコードを、私が行ったサンプルプロジェクトがあります。なぜ反応をビルドするとbrowserifyビルドでエラーが発生しますか?

PlayerWrapper.js

import React from 'react' 
 
import Player from './Player' 
 

 
class PlayerWrapper extends React.Component { 
 

 
    render() { 
 
     return (
 
      <div> 
 
       <h3>before player</h3> 
 
       <Player /> 
 
       <h3>after player</h3> 
 
      </div> 
 
     ) 
 
    } 
 

 

 
} 
 

 
export default PlayerWrapper

Player.jS

import React from 'react' 
 

 
class Player extends React.Component { 
 

 
    render(){ 
 
     return(
 
      <div><h1>How are you from Player</h1></div> 
 
     ) 
 
    } 
 

 

 
} 
 

 
export default Player

私は、コード

"ran": "babel ./as-player/PlayerWrapper.js -o ./as-player/PlayerWrapperwp.js --source-maps --presets react,es2015", 
"ranb": "browserify ./as-player/PlayerWrapperwp.js -o ./as-player/PlayerWrapperwp--.js --transform browserify-global-shim --standalone PlayerWrapper" 

を構築するために以下の行を持っているpackage.jsonで

私はバベルエントリをビルドするとき、それは完璧に構築し、私はbrowserifyするbrowserifyエントリを使用する場合、それは次のことを与えて失敗しますエラー?

私は自分のコードで問題を正確に特定できません。それは非常に基本的なものです。誰かが何をすべきか提案したり、問題を解決するための指針を与えたりできますか?

react [email protected] ranb E:\ DevEnv \ nginx-1.8.0 \ nginx-1.8.0 \ html \ test browserify ./as-player/PlayerWrapperwp.js -o ./as -player/PlayerWrapperwp - .js --transform browserify-global-shim --standalone PlayerWrapper

SyntaxError:予期しないトークン(1:7)(browserify-global-shimがE:\ DevEnv \ nginx-1.8を処理している間.de \ nginx-1.8.0 \ html \ test \ as-player \ Player.js)ファイルを解析中に、 Player.js at Parser.pp.raise(E:\ DevEnv \ nginx-1.8.0 \ nginx-1.8.0 \ html \ test \ node_modules \ falafel \ node_modules \ acorn \ dist \ acorn.js:1745:13) (Parser.pp.unexpected)(E:\ DevEnv \ nginx-1.8.0 \ nginx-1.8.0 \ html \ test \ node_modules \ parser.pp.semicolon(E:\ DevEnv \ nginx-1.8.0 \ nginx-1.8.0 \ html \ test \ node_modules \ falafel \ node_modules)の にあるfalafel \ node_modules \ acorn \ dist \ acorn.js: \ devmnv \ nginx-1.8.0 \ nginx-1.8.0 \ html \ test \ node_modules \ falafel \ node_modules \ acorn \ \ acorn \ dist \ acorn.js:2243:59) dist \ acorn.js:2677:8) at Parser.pp.parseStatement(E:\ DevEnv \ nginx-1.8.0 \ nginx-1.8.0 \ html \ test \ node_modules \ falafel \ node_modules \ acorn \ dist \ acorn Parser.pp.parseTopLevel(E:\ DevEnv \ nginx-1.8.0 \ nginx-1.8.0 \ html \ test \ node_modules \ falafel \ node_modules \ acorn \ dist \ acorn.js)の : 2337:21) at parse(E:¥DevEnv¥nginx-1.8.0¥nginx-1.8.0¥html¥test¥node_modules¥falafel¥node_modules¥acorn¥dist¥acorn.js:101:12) at module .exports(E:\ DevEnv \ nginx-1.8.0 \ nginx-1.8.0 \ html \ test \ node_modules \ falafel \ index .js:22:15) at Stream (E:\ DevEnv \ nginx-1.8.0 \ nginx-1.8.0 \ html \ test \ node_modules \ browserify-transform-tools \ lib \ transformTools.js:187:21) at Stream.end(E:\ DevEnv \ nginx-1.8.0 \ nginx-1.8.0 \ html \ test \ node_modules \ browserify-transform-tools \ lib \ transformTools.js:108:30)

npm ERR! Windows_NT 6.1.7601 npm ERR! 「C:\ Program Files \ nodejs \ node.exe」「C:\ Users \ USAMPR2 \ AppData \ Roaming \ npm \ node_modules \ npm \ bin \ npm-cli.js」「run」「ranb」 npm ERR!ノードv4.3.1 npm ERR! npm v3.4.1 npm ERR!コードELIFECYCLE npm ERR!反応[email protected] ranb:browserify ./as-player/PlayerWrapperwp.js -o ./as-player/PlayerWrapperwp--.js --transform browserify-global-shim --standalone PlayerWrapper npm ERR!終了ステータス1 npm ERR! npm ERR! [email protected] ranbスクリプト 'browserifyで失敗しました./as-player/PlayerWrapperwp.js -o ./as-player/PlayerWrapperwp--.js --transform browserify-global-shim --standalone PlayerWrapper ' npm ERR! node.jsとnpmの最新バージョンがインストールされていることを確認してください。 npm ERR!そうした場合、これは反応ラッパーコンポーネントパッケージの問題である可能性が最も高いです。 npm ERR! npm自体ではありません。 npm ERR!あなたのシステムでこれが失敗することを作者に伝えてください: npm ERR! browserify ./as-player/PlayerWrapperwp.js -o ./as-player/PlayerWrapperwp--.js --transform browserify-global-shim --standalone PlayerWrapper npm ERR!あなたは: npm ERR経由で情報を得ることができます! npm所有者ls react-wrapper-component npm ERR!上記のログ出力が追加される可能性があります。

npm ERR!サポートリクエストに以下のファイルを含めてください: npm ERR! E:\ devenvを\ nginxの-1.8.0 \ nginxの-1.8.0 \ HTML \テスト\ NPM-debug.logに

答えて

0

私はあなたががあなたのパッケージで構成されたbabelifyまたはreactifyようを、変換適切browserifyを持つべきだと思います.jsonのスクリプトセクション。それ以外の場合、browserifyはes6コードを表示し、エラーをスローします。

何か

よう
browserify ./as-player/PlayerWrapperwp.js -o ./as-player/PlayerWrapperwp--.js -t reactify --transform browserify-global-shim --standalone PlayerWrapper 
関連する問題