2017-01-13 13 views
0

私はreact、relay、graphQLの初心者です。良いgraphqlスキーマファイルを作成できました。まあ、しかし、反応の問題で立ち往生している。 私はjsxをjsに変換するのに役立つwebpackのbabelローダーを使用していますが、babel cantが理解できる構文エラーのようです。エラー:EPERM:動作が許可されていない、stat(D: System Volume Information)がエラー(ネイティブ)の場合

ここに私の依存関係です。

"dependencies": { 
"babel-cli": "^6.18.0", 
"babel-core": "^6.21.0", 
"babel-loader": "^6.2.10", 
"babel-preset-es2015": "^6.18.0", 
"babel-preset-react": "^6.16.0", 
"babel-relay-plugin": "^0.10.0", 
"express": "^4.14.0", 
"express-graphql": "^0.5.4", 
"graphql": "^0.6.2", 
"promise": "^7.1.1", 
"react": "^15.4.2", 
"react-relay": "^0.10.0", 
"webpack": "^1.13.1" 

}、 "devDependencies":{ "バベル-CLI": "^ 6.18.0"、 "バベルコア": "^ 6.21.0"、 "バベルローダ": "^ 6.2.10"、 "babel-polyfill": "^ 6.9.1"、 "babel-preset-env": "^ 1.1.8"、 "babel-preset-es2015": "^ 6.18。 「^ 6.16.0」、 「babel-preset-stage-0」:「^ 6.16.0」、 「webpack」:「^ 1.14.0」 }「0」、 「babel-preset-

ここに私ですapp.jsファイルコード

ここ
export default class Comp1 extends React.Component { 

    constructor(props) { 
     super(props); 
    } 
    render() { 
     return (
      <form onSubmit={this.handleSubmit.bind(this)}> 
    <input type = "text" 
     placeholder = "Start Typing" 
     value = {this.props.searchTerm} 
     onChange = {this.handleChange.bind(this, 'searchTerm')} /> 
    <input type="submit" value="Submit"/> 
      </form> 
    ); 
    } 
} 

class Comp2 extends React.Component { 

    render() { 
     return (
      <div> 
      {this.props.info.text} 
    </div> 
    ); 
    } 
} 

は私の誤りである

webpack: bundle is now VALID.

特急:ルータ派遣GET/+ 7S

特急:ルータのクエリ:/ + 3msの

特急:ルータexpressInit:/ + 2ms

express:router webpackDevMiddleware:/ + 2ms

特急:ルータ:/ + 3msの

特急:ルータwebpackDevMiddleware:/ + 3msの

送信スタット "D:\ index.htmlを" + 2msの

サーブ・インデックスSTAT「D: \」+ 2msの

役立つインデックスをREADDIR "D:\" +は0ms

エクスプレス:ルータserveStatic:/ + 5msの

finalhandlerデフォルト500 + 2msの

エラー:EPERM:運転許可されていない、STAT 'D:\のシステムボリューム情報' エラー時(ネイティブ)

あなたの貴重な提案を提供し、これを整理するために私を助けてください私はすでにそれにあまりにも多くの時間を投資しているので。

種類よろしく、 ヤッシュパール

+0

Babelの設定を投稿できますか?あなたはBabelを設定していないか、反応プリセットを追加するのを忘れていたと思います。 –

+0

私と一緒にお立ち寄りください私は設定ファイルを聞いているのか分からないので、ファイルの名前を指定してください。 – Yashpal

+0

ここでの設定は、Babeを実際にどのように呼び出すかによって異なりますが、通常は '.babelrc'ファイルがあります。 https://babeljs.io/docs/setup/とhttps://babeljs.io/docs/plugins/を読むことをお勧めします。 –

答えて

0

私はあなたがあなたのwebpack.config.jsファイルにバベルの設定を見逃していると思います。

module: { 
    loaders: [ 
     { 
     test: /\.js$/, 
     exclude: /node_modules/, 
     loader: 'babel-loader?presets[]=es2015&presets[]=react' 
     } 
    ] 
} 
+0

編集のためにonSubmit関数に移動したため、エラーが Yashpal

+0

私はあなたのコードを試しました。エラーを出さずに実行できます。空の関数をクラスに書いてください 1つの質問です。バンドル時またはコンソールの実行時にエラーが発生します – SatyaDash

+0

ビルド中にこれを取得しますので、ここでは何も依存しません。 ( – Yashpal

関連する問題