«Npm run build» завершается с ошибкой SyntaxError: Unexpected token

Я пытаюсь развернуть свое приложение в AWS и обнаружил ошибку при выполнении «npm run build». Эта ошибка кажется актуальной для webpack.config.js, но я понятия не имею, так как я ничего не менял в этом файле.

Я нашел здесь аналогичный вопрос, но это не очень помогло. SyntaxError: недопустимый или неожиданный токен в createScript (vm.js: 80: 10)

<error log>
/var/www/gamestocker/app/GameStocker/react_view/node_modules/react-scripts/config/webpack.config.js:306
        ...(isEnvProductionProfile && {
        ^^^

SyntaxError: Unexpected token ...
    at createScript (vm.js:56:10)
    at Object.runInThisContext (vm.js:97:10)
    at Module._compile (module.js:549:28)
    at Object.Module._extensions..js (module.js:586:10)
    at Module.load (module.js:494:32)
    at tryModuleLoad (module.js:453:12)
    at Function.Module._load (module.js:445:3)
    at Module.require (module.js:504:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (/var/www/gamestocker/app/GameStocker/react_view/node_modules/react-scripts/scripts/build.js:38:23)

npm ERR! Linux 4.14.173-137.229.amzn2.x86_64
npm ERR! argv "/usr/bin/node" "/usr/bin/npm" "run" "build"
npm ERR! node v6.17.1
npm ERR! npm  v3.10.10
npm ERR! code ELIFECYCLE
npm ERR! [email protected] build: `react-scripts build`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the [email protected] build script 'react-scripts build'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the gamestocker package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     react-scripts build
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs gamestocker
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls gamestocker
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     /var/www/gamestocker/app/GameStocker/react_view/npm-debug.log

Ниже приведена часть файла webpack.config.js, упоминаемая в журнале ошибок. или может быть в файле vm.js

<webpack.config.js>
.
.
.
      alias: {
        // Support React Native Web
        // https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/
        'react-native': 'react-native-web',
        // Allows for better profiling with ReactDevTools
        ...(isEnvProductionProfile && {
          'react-dom$': 'react-dom/profiling',
          'scheduler/tracing': 'scheduler/tracing-profiling',
        }),
        ...(modules.webpackAliases || {}),
      },
.
.
.

Буду признателен, если вы предоставите какое-либо предложение или возможные причины. Благодаря :)

[ИЗМЕНИТЬ

<vm.js>
var test = require('tape');
var vm = require('../');

test('vmRunInNewContext', function (t) {
    t.plan(6);

    t.equal(vm.runInNewContext('a + 5', { a : 100 }), 105);

    (function () {
        var vars = { x : 10 };
        t.equal(vm.runInNewContext('x++', vars), 10);
        t.equal(vars.x, 11);
    })();

    (function () {
        var vars = { x : 10 };
        t.equal(vm.runInNewContext('var y = 3; y + x++', vars), 13);
        t.equal(vars.x, 11);
        t.equal(vars.y, 3);
    })();

    t.end();
});

test('vmRunInContext', function (t) {
    t.plan(2);

    var context = vm.createContext({ foo: 1 });

    vm.runInContext('var x = 1', context);
    t.deepEqual(context, { foo: 1, x: 1 });

    vm.runInContext('var y = 1', context);
    t.deepEqual(context, { foo: 1, x: 1, y: 1 });
});

Похоже, код запускается с немного более старым движком JavaScript, который был до того, как в ES2018 были добавлены свойства распространения. (Распространение для итераций было добавлено в ES2015, но разброс свойств был добавлен только в ES2018.)

Если вы не можете обновить среду до чего-то более нового, вы можете переключиться на Object.assign:

alias: Object.assign(
    {
      // Support React Native Web
      // https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/
      'react-native': 'react-native-web'
    },
    // Allows for better profiling with ReactDevTools
    isEnvProductionProfile && {
      'react-dom$': 'react-dom/profiling',
      'scheduler/tracing': 'scheduler/tracing-profiling',
    },
    modules.webpackAliases || {}
),

Object.assign был добавлен в ES2015.

Боковое примечание: вы можете заменить

    modules.webpackAliases || {}

с просто

    modules.webpackAliases || {}

выше. Object.assign(и свойство распространения) эффективно игнорируют его, если вы передаете им ложное значение вместо объекта. (Это не в буквальном смысле, они только явно игнорируют nullи undefined, все остальные преобразуются в эквивалентный объект , а затем используют их перечисли собственные свойства - но объекты , которые false, 0, NaNи ""преобразуются в не имеют каких - либо перечисляемые собственные свойства Just. не переходите document.allк нему, что является фальшивым, но имеет множество собственных свойств ... [Да, document.allэто действительно фальшивка. Я освещаю этот странный исторический артефакт в главе 17 моей книги JavaScript: Новые игрушки .])