Laravel Mix“ sh：1：cross-env：not found错误”

75

我一直在尝试在我的项目上设置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

我在一个无所事事的盒子中运行我的项目，并且正在运行laravel 5.4。

laravel  npm  laravel-mix 
— 格里高·克里斯蒂
source
我可以确认遵循Laravel 5.4安装说明会给您这些错误。解决方法请参阅我的答案。
— Yevgeniy Afanasyev
在Bento / Ubuntu-16.04盒子上将Laravel 5.7与Vagrant一​​起使用。由于我使用的是linux，它将继续用于生产环境，因此我绕过了cross-env并使用set更改了cross-env调用。由于我在许多阅读资料中都无法找出似乎随游走的蠕虫而长大的错误，因此我认为不需要此跨平台解决方案来设置环境变量。因此，仅是一个简单的旧“ set”命令就可以解决我的问题。希望这可以帮助处于类似情况的其他人。即：“开发”：“在package.json中设置NODE_ENV =开发node_modules / webpack / bin / webpack.js ...
— mmv_sat

Answers:

135

您需要进行cross-env全局工作，而不是将其包含在项目中。

跑

$ sudo npm install --global cross-env

— 叶夫根尼·阿凡纳西耶夫（Yevgeniy Afanasyev）
source
1
@leo对于您始终需要sudo的全局软件包
— Darkshifty
@Darkshifty我怀疑，我在Google和SO上都进行了搜索，但没有看到提及的内容
— leo
3
这根本不能解决问题。这只是一个解决方法。NPM脚本应能看到本地安装的工具，而无需将其添加到全局PATH。
— fracz
@fracz，你是对的。如果您找到解决方法，请在此处将其发布为答案。实际上，我什至没有尝试npm run在来宾宅基地上运行，而是在宿主Windows上运行它。它运行良好，因为如果要在客户端以任何方式执行它，谁在乎它的构建位置。
— Yevgeniy Afanasyev '02
49

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

npm install cross-env

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

就我而言 node_modules/cross-env/dist/bin/cross-env.js

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

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

........

}
— 安德鲁·博德纳
source
2
它没有帮助我，但投了赞成票，因为我的问题出在交叉环境中，这个答案给了我一个提示
— Yevgeniy Afanasyev
“在我的情况是：你有一个小错字（node_modules文件夹命名）node_modules/cross-env/dist/bin/cross-env.js”
— 摊铺
4
cross-env如果全局安装，则无需更改路径（请参阅@YevgeniyAfanasyev答案）。您的所有Laravel应用程序都需要它，因此也可能不需要，也不必更新package.json文件。
— Matt K
28

跑：

npm install

然后再试一次。

— 佩莱
source
1
在基于Windows的环境中运行VM时，这仅对我有用，一旦我关闭了Vagrant，关闭了Git Cmd，以管理员身份重新打开Git Cmd并开始Vagrant备份，最后sudo npm install从项目目录中运行了。如果您在使用Admin Priv打开Git Cmd之前没有关闭Vagrant，根据我的经验，您会遇到问题。
— 乍得
12

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

  • 删除node_modules文件夹，然后npm install再次执行。如果无法解决，则：

  • 您可以dev dependency通过射击安装

npm install --save-dev跨环境

如果无法解决，则：

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

如果无法解决，则：-在Package.json中，您可以像这样使用：

节点node_modules / dist / bin / cross-env跨环境...

9

如果上述解决方案无效，请使用以下命令刷新node_modules

rm -rf node_modules && npm install

这对我有用

— 优势
source
这对我有用。我不知道这是否是唯一重要的步骤。我按顺序执行了一些上述步骤：-我全局安装了cross-env-更新了cross-env的路径（我现在想这两个步骤可能是互斥的）-我停止了流浪汉并在运行时重新启动它cmd作为管理员（符号链接问题，可能相关，可能不相关）-然后，我执行了刷新node_modules的上述步骤。
— 海顿·贝克
2

有时删除/node_modules和运行

npm install

将解决这样的问题。

— 球状
source
0

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

npm install cross-env

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

对我来说，解决方案是重新加载流浪者“ vagrant reload --provision”，并重置我的ssh / putty会话。

— 襟翼152
source
0

如果您像我的情况那样急于解决此错误，请cross-env从您那里删除package.json并运行没有它的laravel mix。

— 莎玛森
source
0

快速的解决方案是运行：npm clean-install，可以解决laravel mix错误。

— 可爱的土豆
source
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.