Laravel Mix "sh: 1: cross-env: not found error"答案

【问题标题】：Laravel Mix "sh: 1: cross-env: not found error"Laravel Mix "sh: 1: cross-env: not found error"
【发布时间】：2017-09-26 21:37:51
【问题描述】：

我一直在尝试在我的项目中设置 Laravel Mix，并按照 Laravel 网站上的安装指南进行操作，但一直出错。

我的 package.json

{
  "private": true,
  "scripts": {
    "dev": "cross-env NODE_ENV=development webpack --progress --hide-modules",
    "watch": "cross-env NODE_ENV=development webpack --watch --progress --hide-modules",
    "hot": "cross-env NODE_ENV=development webpack-dev-server --inline --hot",
    "production": "cross-env NODE_ENV=production webpack --progress --hide-modules"
  },
  "devDependencies": {
    "axios": "^0.15.2",
    "bootstrap-sass": "^3.3.7",
    "jquery": "^3.1.0",
    "laravel-mix": "^0.4.0",
    "lodash": "^4.16.2",
    "vue": "^2.0.1"
  },
  "name": "Code",
  "version": "1.0.0",
  "main": "webpack.mix.js",
  "directories": {
    "test": "tests"
  },
  "dependencies": {
    "ansi-regex": "^2.1.1",
    "ansi-styles": "^2.2.1",
    "axios": "^0.15.3",
    "babel-core": "^6.24.1",
    "babel-code-frame": "^6.22.0",
    "babel-generator": "^6.24.1",
    "babel-messages": "^6.23.0",
    "babel-helpers": "^6.24.1",
    "babel-register": "^6.24.1",
    "babel-template": "^6.24.1",
    "babylon": "^6.17.0",
    "balanced-match": "^0.4.2",
    "babel-runtime": "^6.23.0",
    "babel-types": "^6.24.1",
    "babel-traverse": "^6.24.1",
    "brace-expansion": "^1.1.7",
    "bootstrap-sass": "^3.3.7",
    "chalk": "^1.1.3",
    "convert-source-map": "^1.5.0",
    "concat-map": "^0.0.1",
    "core-js": "^2.4.1",
    "cross-env": "^3.2.4",
    "detect-indent": "^4.0.0",
    "esutils": "^2.0.2",
    "escape-string-regexp": "^1.0.5",
    "follow-redirects": "^1.0.0",
    "globals": "^9.17.0",
    "has-ansi": "^2.0.0",
    "home-or-tmp": "^2.0.0",
    "is-finite": "^1.0.2",
    "invariant": "^2.2.2",
    "json5": "^0.5.1",
    "js-tokens": "^3.0.1",
    "jquery": "^3.2.1",
    "jsesc": "^1.3.0",
    "laravel-mix": "^0.4.0",
    "lodash": "^4.17.4",
    "loose-envify": "^1.3.1",
    "mkdirp": "^0.5.1",
    "minimatch": "^3.0.3",
    "minimist": "^0.0.8",
    "number-is-nan": "^1.0.1",
    "os-homedir": "^1.0.2",
    "os-tmpdir": "^1.0.2",
    "path-is-absolute": "^1.0.1",
    "private": "^0.1.7",
    "regenerator-runtime": "^0.10.3",
    "repeating": "^2.0.1",
    "slash": "^1.0.0",
    "source-map": "^0.5.6",
    "source-map-support": "^0.4.14",
    "strip-ansi": "^3.0.1",
    "trim-right": "^1.0.1",
    "to-fast-properties": "^1.0.2",
    "vue": "^2.3.0"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "description": ""
}

我在运行任何 npm run 命令时遇到的错误。

> Code@1.0.0 dev /home/vagrant/Code
> cross-env NODE_ENV=development webpack --progress --hide-modules

sh: 1: cross-env: not found

npm ERR! Linux 4.4.0-51-generic
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "run" "dev"
npm ERR! node v7.8.0
npm ERR! npm  v4.2.0
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENOENT
npm ERR! syscall spawn
npm ERR! Code@1.0.0 dev: `cross-env NODE_ENV=development webpack --progress --hide-modules`
npm ERR! spawn ENOENT
npm ERR!
npm ERR! Failed at the Code@1.0.0 dev script 'cross-env NODE_ENV=development webpack --progress --hide-modules'.
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 Code package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR!     cross-env NODE_ENV=development webpack --progress --hide-modules
npm ERR! You can get information on how to open an issue for this project with:
npm ERR!     npm bugs Code
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!     npm owner ls Code
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR!     /home/vagrant/.npm/_logs/2017-04-28T17_24_11_458Z-debug.log

我在 Vagrant box 上运行我的项目，并且运行 Laravel 5.4 版。

【问题讨论】：

我可以确认遵循 Laravel 5.4 安装说明会给您这些错误。请参阅我的解决方法。
在一个便当/ubuntu-16.04 盒子上使用 Laravel 5.7 和 Vagrant。由于我使用的是 linux，这将延续到生产中，我只是绕过了 cross-env 并使用 set 更改了 cross-env 调用。由于我无法弄清楚在我的许多读数中似乎与 vagrant 一起出现的错误，我认为我不需要这个跨平台解决方案来设置环境变量。因此，只需一个简单的旧“设置”命令就可以解决我的问题。希望这可以帮助其他处于类似情况的人。即：“开发”：“在 package.json 中设置 NODE_ENV=development node_modules/webpack/bin/webpack.js ...

标签： laravel npm laravel-mix

【解决方案1】：

您需要让cross-env 在全局范围内工作，而不是在项目中使用它。

运行

$ sudo npm install --global cross-env

---更新---

但是，我的建议是避免在客宅上执行npm run ...，因为它很慢而且没有任何好处。

无论您在哪里构建资产，它们都将在浏览器中执行。所以你最好在你的主机上安装npm 并在那里构建资产。

【讨论】：

@leo 用于你总是需要 sudo 的全局包
@Darkshifty 我对此表示怀疑，我在 Google 和 SO 上都进行了搜索，但没有看到提及
这根本解决不了问题。这只是一种解决方法。 NPM 脚本应该会看到本地安装的工具，而不会将它们添加到全局 PATH。
@fracz，你是对的。如果您找到解决方法，请在此处发布作为答案。实际上，我什至没有尝试在客宅基地上运行npm run，而是在我的主机 Windows 上运行它。它运行良好，因为谁在乎它是在哪里构建的，是否要以任何方式在客户端执行。

【解决方案2】：

快速的解决方案是运行：

npm clean-install

这将修复 laravel 混合错误。

【讨论】：

太棒了！我一直在努力解决这个问题，这很有效~
最佳解决方案，必须是公认的答案

【解决方案3】：

我不得不将存储库克隆到一个新文件夹中。无法识别导致错误的本地文件/设置。

【讨论】：

【解决方案4】：

如果上述解决方案不起作用，请使用刷新 node_modules

rm -rf node_modules && npm install

这对我有用

【讨论】：

这对我有用。我不知道这是否是唯一重要的步骤。我按顺序做了一些提到的步骤： - 我在全局范围内安装了 cross-env - 我更新了 cross-env 的路径（我现在在想这两个步骤可能是互斥的） - 我在运行时停止了 vagrant 并重新启动它cmd 作为管理员（符号链接问题，可能相关，可能不相关） - 然后我做了上述刷新 node_modules 的步骤。

【解决方案5】：

首先检查是否安装了跨环境模块。如果没有，请运行：

npm install cross-env

之后，您需要转到node_modules 文件夹。然后找到cross-env 文件夹。进去找到cross-env.js。

在我的例子中是node_modules/cross-env/dist/bin/cross-env.js

您需要在package.json 文件的scripts 部分中将路径更改为cross-env.js。

{
  "private": true,
  "scripts": {
    "dev": "node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "hot": "node_modules/cross-env/dist/bin/cross-env.js NODE_ENV=development webpack-dev-server --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
    "production": "node_modules/cross-env/dist/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"
  },

........

}

【讨论】：

它对我没有帮助，但投了赞成票，因为我的问题是在跨环境中，这个答案给了我一个提示
你有一个小错字（node_modules 文件夹命名）：“在我的例子中是node_modules/cross-env/dist/bin/cross-env.js”
如果您全局安装它，则不需要将路径更改为cross-env（请参阅@YevgeniyAfanasyev 答案）。你的所有 Laravel 应用程序都需要它，所以你不必更新你的 package.json 文件。

【解决方案6】：

如果您只是像我的情况一样迫切希望修复此错误，只需从您的 package.json 中删除 cross-env 并在没有它的情况下运行 laravel mix ..

【讨论】：

【解决方案7】：

有时会删除/node_modules 并运行

npm install

将解决类似的问题。

【讨论】：

【解决方案8】：

有几种方法可以解决此错误。

删除 node_modules 文件夹，然后再次执行npm install。如果没有解决，那么：
您可以通过触发安装为dev dependency

npm install --save-dev 跨环境

如果没有解决则：

全局安装cross-env npm install --g cross-env 它将安装在 \Users\Roaming\npm 模块中。然后我建议你可以关闭你的 shell 并再次打开它并触发命令。

如果没有解决，那么： - 在 Package.json 中你可以像这样使用：

node node_modules/dist/bin/cross-env cross-env ...

【讨论】：

【解决方案9】：

您确实需要检查是否安装了跨环境模块。如果没有，请运行：

npm install cross-env

但您需要将其识别为“命令”。按照接受的答案（或者是吗？）提出的修补路径让我走得更远，但仍然给了我一个错误。

我的解决方案是重新加载 vagrant "vagrant reload --provision"，并重置我的 ssh / putty 会话。

【讨论】：

【解决方案10】：

运行：

npm install

然后再试一次。

【讨论】：

在基于 Windows 的环境中运行 VM 时，只有在我关闭 Vagrant、关闭 Git Cmd、以管理员身份重新打开 Git Cmd 并启动之后，这才对我有用Vagrant 备份，最后，从项目目录中运行sudo npm install。如果您在使用 Admin Priv 打开 Git Cmd 之前没有关闭 Vagrant，根据我的经验，您会遇到问题。
这为我解决了跨环境错误。我之前注意到我的包管理器在完成npm install 时卡住了。所以我取消了这个过程，删除了 package-lock.json，然后再次运行npm install。