在严格模式之外尚不支持块范围声明

Question

我在我的Homestead流浪盒上运行Laravel 5.4.我用npm install命令安装了所有npm依赖项.这没有产生任何错误.

在我的webpack.min.js文件中,我有:

const { mix } = require('laravel-mix');

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps
 | for your Laravel application. By default, we are compiling the Sass
 | file for the application as well as bundling up all the JS files.
 |
 */

mix.js([
        'resources/assets/plugins/jquery-1.11.3.min.js',
        'resources/assets/plugins/bootstrap/js/bootstrap.min.js',
        'resources/assets/js/main.js'
    ], 'public/js'
);

mix.combine([
       'resources/assets/plugins/bootstrap/css/bootstrap.min.css',
       'resources/assets/plugins/font-awesome/css/font-awesome.css',
       'resources/assets/css/styles.css'
   ], 'public/css/all.css');

当我想要运行时,npm run production我收到以下错误:

> @ production /home/vagrant/projects/nielsvroman
> node node_modules/cross-env/bin/cross-env.js NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js

/home/vagrant/projects/nielsvroman/node_modules/laravel-mix/setup/webpack.config.js:120
        let extractPlugin = new plugins.ExtractTextPlugin(
        ^^^

SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode
    at exports.runInThisContext (vm.js:53:16)
    at Module._compile (module.js:404:25)
    at Object.Module._extensions..js (module.js:432:10)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:311:12)
    at Module.require (module.js:366:17)
    at require (module.js:385:17)
    at requireConfig (/home/vagrant/projects/nielsvroman/node_modules/webpack/bin/convert-argv.js:96:18)
    at /home/vagrant/projects/nielsvroman/node_modules/webpack/bin/convert-argv.js:109:17
    at Array.forEach (native)

npm ERR! Linux 3.19.0-25-generic
npm ERR! argv "/usr/bin/nodejs" "/usr/bin/npm" "run" "production"
npm ERR! node v5.0.0
npm ERR! npm  v3.3.6
npm ERR! code ELIFECYCLE
npm ERR! @ production: `node node_modules/cross-env/bin/cross-env.js NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @ production script 'node node_modules/cross-env/bin/cross-env.js NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js'.
npm ERR! This is most likely a problem with the  package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     node node_modules/cross-env/bin/cross-env.js NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js
npm ERR! You can get their info via:
npm ERR!     npm owner ls
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     /home/vagrant/projects/nielsvroman/npm-debug.log

这可能是什么问题？

Answer 1

我在Ubuntu上使用旧版本的nodejs包时遇到了同样的问题.我刚刚更新到7.5,它正在工作.

curl -sL https://deb.nodesource.com/setup_7.x | sudo -E bash -
sudo apt-get install -y nodejs

Answer 2

升级节点包是这里的解决方案.添加更改节点包的替代步骤,因为无需自行下载,安装和管理节点版本.您可以使用一个名为n升级Mac/Ubuntu中的节点包的模块

sudo npm install -g n
sudo n stable

这将安装最新的稳定节点包.你可以跑

node --version

如果您仍然看到旧版本,则可能是安装新软件包的目录问题.我必须创建一个符号链接以使其工作 -

sudo ln -s  /usr/local/n/versions/node/9.0.0/bin/node  /usr/local/bin/node

Answer 3

这是因为您的机器上没有最新版本的 NodeJS。我在 Ubuntu 上，所以如果你在任何类型的 Linux 发行版上试试这个。

curl -sL https://deb.nodesource.com/setup_11.x | sudo -E bash -
sudo apt-get install -y nodejs

Answer 4

我在 NodeJS 中的一个测试脚本中遇到了同样的问题，我通过使用 ECMAScript 5 的严格模式解决了我的错误。

"use strict";

在我的脚本顶部添加了上面一行，效果很好。

严格模式对正常 JavaScript 语义进行了一些更改：

1. 通过将某些 JavaScript 无提示错误更改为引发错误，消除了这些错误。

2. 修复了导致 JavaScript 引擎难以执行优化的错误：有时可以使严格模式代码比非严格模式的相同代码运行得更快。

3. 禁止 ECMAScript 未来版本中可能定义的某些语法。