Ошибка при попытке запустить сборку - PullRequest
Новая
       10

Ошибка при попытке запустить сборку

0 голосов
/ 06 мая 2018

Я не могу запустить приложение React с помощью веб-пакета. Я застрял с ошибкой, которую не могу понять.

Я получаю следующую ошибку на своем терминале при попытке запустить сборку:

Синтаксис команды неверен.

npm ERR! код ELIFECYCLE

npm ERR! errno 1

нпм ERR! responsejs-basics@1.0.0 build: webpack -d && copy src/index.html dist/index.html && webpack-dev-server --content-base src/ --inline --hot

нпм ERR! Статус выхода 1

npm ERR!

нпм ERR! Не удалось выполнить в сценарии сборкиactjs-basics@1.0.0.

нпм ERR! Это, вероятно, не проблема с npm. Скорее всего, выше выводится логирование.

нпм ERR! Полный журнал этого прогона можно найти в:

нпм ERR! C: \ Users \ Pratik \ AppData \ Roaming \ NPM-cache_logs \ 2018-05-06T07_21_12_207Z-debug.log

npm ERR! код ELIFECYCLE

нпм ERR! errno 1

нпм ERR! responsejs-basics@1.0.0 начало: npm run build

npm ERR! Статус выхода 1

npm ERR!

npm ERR! Сбой при запуске сценарияactjs-basics@1.0.0.

npm ERR! Это, вероятно, не проблема с npm. Скорее всего, выше выводится логирование.

npm ERR! Полный журнал этого прогона можно найти в:

npm ERR! C: \ Users \ Pratik \ AppData \ Roaming \ NPM-cache_logs \ 2018-05-06T07_21_12_256Z-debug.log

Файл Package.json имеет следующий вид: 

{
  "name": "reactjs-basics",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "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"
  },
  "keywords": [
    "reactjs"
  ],
  "author": "Pratik Basak",
  "license": "ISC",
  "devDependencies": {
    "babel-loader": "^7.1.4",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-react": "^6.24.1",
    "babel-preset-stage-2": "^6.24.1",
    "react": "^16.3.2",
    "react-dom": "^16.3.2",
    "webpack": "^4.7.0",
    "webpack-cli": "^2.1.2",
    "webpack-dev-server": "^3.1.4"
  }
}

Файл webpack.config.js выглядит следующим образом: 

const webpack = require('webpack');
const path = require('path');

const DIST_DIR = path.resolve(__dirname, 'dist');
const 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: {
        rules: [
            {
                test: /\.js?/,
                include: SRC_DIR,
                loader: 'babel-loader',
                query: {
                    presets: ['react', 'es2015', 'stage-2']
                }
            }
        ]
    }
};

module.exports = config;
...