NPM運行構建命令的語法不正確

Question

使用此教程：http://www.zsoltnagy.eu/step-by-step-environment-setup-of-the-react-developer-no-legacy-2016-standards/我打字npm run build之後遇到一個模糊的錯誤。

如果你看到我剛纔的問題中的package.json只有輕微的變化，我懷疑它是與這些行（空格的文件/目錄名）："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代碼

{ 
    "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" 

}