NPM実行ビルドコマンドの構文が正しくありません

Question

このチュートリアルの使用：http://www.zsoltnagy.eu/step-by-step-environment-setup-of-the-react-developer-no-legacy-2016-standards/npm run buildと入力すると曖昧なエラーが発生しました。 "build": "webpack -d && copy src/app/index.html dist/index.html && webpack-dev-server --hot --inline --colors --progress --content-base src/", "build-prod": "webpack -p && copy src/app/index.html dist/index.html"

しかし、私はわからないよ：あなたはpackage.jsonはわずかな変動があり、私は（ファイル/ディレクトリ名にスペース）これらの行を行うにはその何かを疑う私の前の質問を見た場合

それを解決する方法。

ありがとうございました。

package.jsonコードは

{ 
    "name": "rapp", 
    "version": "1.0.0", 
    "description": "\"\"", 
    "main": "index.js", 
    "repository": { 
     "type": "git", 
     "url": "\"\"" 
    }, 
    "keywords": [ 
     "\"\"" 
    ], 
    "author": "\"BH0\"", 
    "license": "ISC", 
    "dependencies": { 
     "react-dom": "^15.5.4" 
    }, 
    "devDependencies": { 
     "babel-core": "^6.24.1", 
     "babel-loader": "^7.0.0", 
     "babel-preset-es2015": "^6.24.1", 
     "babel-preset-react": "^6.24.1", 
     "babel-preset-stage-2": "^6.24.1", 
     "webpack": "^2.6.0", 
     "webpack-dev-server": "^2.4.5" 
    }, 
    "scripts": { 
     "babel": "babel", 
     "webpack": "webpack", 

     "build": "webpack -d && copy src/app/index.html dist/index.html && webpack-dev-server --hot --inline --colors --progress --content-base src/", 
     "build-prod": "webpack -p && copy src/app/index.html dist/index.html" 
    } 
} 

Error message after typing 'npm run build'

webpack.config.js：

var path = require('path'); 
 

 
var DIST_PATH = path.resolve(__dirname, 'dist'); 
 
var SOURCE_PATH = path.resolve(__dirname, 'src'); 
 

 
module.exports = { 
 
    entry: SOURCE_PATH + '/app/app.js', 
 
    output: { 
 
     path: DIST_PATH, 
 
     filename: 'app.dist.js', 
 
     publicPath: '/app/' 
 
    }, 
 
    module: { 
 
     loaders: [ 
 
      { 
 
       test: /.jsx?$/, 
 
       loader: 'babel-loader', 
 
       exclude: /node_modules/, 
 
       query: { 
 
        presets: [ 
 
         'es2015', 
 
         'react', 
 
         'stage-2' 
 
        ] 
 
       } 
 
      } 
 
     ] 
 
    } 
 
};

貧困層の書式設定のための私を許してください、それはありませんでした働いている（私のラップトップのトラックパッドが損傷した）。

Answer 1

あなたのコピーコマンドが正しくないようです。これにはいくつかの問題を持っている

copy src/app/index.html dist/index.html 

、私はそれは、単にファイル構造&パスが正しいことを確認してくださいWindowsユーザそうカントのテストはないです。あなたのスクリーンショットを見ると、webpackコマンドは成功しました。次のコマンドはcopyでした。これは失敗しています。

Answer 2

すべてのファイルパスを\\に変更する必要があります。私はあなたのコードをテストしました。うまくいきました。

// webpack.config.js 
var webpack = require("webpack"), 
path = require ("path"); 

var DIST_DIR = path.resolve(__dirname, "dist"), 
    SRC_DIR = path.resolve (__dirname, "src"); 

var config = { 

    entry: SRC_DIR + "\\app\\index.js", 

    output: { 

     path: DIST_DIR + "\\app", 
     filename: "bundle.js", 
     publicPath: "\\app\\" 

    }, 

    module: { 

     loaders: [{ 

      test: /\.js?/, 
      include: SRC_DIR, 
      loader: 'babel-loader', 
      query: { presets: [ "env", "react", "stage-2" ] } 

     }] 

    } 

} 

module.exports = config; 

// package.json 
"scripts": { 

    "start": "npm run build", 
    "build": "webpack -d && copy src\\index.html dist\\index.html && webpack-dev-server --content-base src\\ --inline --hot", 
    "build:prod": "webpack -p && copy src\\index.html dist\\index.html" 

}