105

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

4

10 回答 10

173

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

跑

$ sudo npm install --global cross-env

- - 更新 - -

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

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

于 2017-08-12T02:38:09.900 回答
63

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

npm install cross-env

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

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

您需要将路径更改为文件cross-env.js中的scripts部分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"
  },

........

}
于 2017-08-04T22:05:28.617 回答
33

跑：

npm install

然后再试一次。

于 2017-06-20T19:08:31.760 回答
18

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

rm -rf node_modules && npm install

这对我有用

于 2019-08-03T02:48:00.587 回答
14

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

  • 删除 node_modules 文件夹，然后再做npm install一次。如果它没有解决，那么：

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

npm install --save-dev 跨环境

如果它没有解决，那么：

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

如果它没有解决那么： - 在 Package.json 你可以使用：

节点 node_modules/dist/bin/cross-env cross-env ...

于 2018-03-16T07:19:29.590 回答
13

快速的解决方案是运行：

npm clean-install

这将修复 laravel mix 错误。

于 2020-06-24T13:58:30.920 回答
3

有时删除/node_modules并运行

npm install

将解决这样的问题。

于 2019-10-11T19:20:09.250 回答
0

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

于 2019-10-27T14:28:33.883 回答
0

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

npm install cross-env

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

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

于 2017-08-28T09:50:38.337 回答
0

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

于 2020-10-21T07:18:40.007 回答