node.js - 在 Laravel 5.4 和 Node.js 上使用 Laravel Mix Error 编译 Assets

Question

为了使 npm 全局化，我在 CLI 中运行:export PATH=/opt/plesk/node/7/bin:$PATH在 Ubuntu 上(我安装了 Plesk)。

在没有太多知识的情况下，我跑了 npm run watch在应用程序路径中，但我遇到了几个错误:

user@server:~/avisos.pagina$ npm run watch

@ watch /var/www/vhosts/pagina/avisos.pagina cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js

sh: 1: cross-env: not found

npm ERR! Linux 4.9.36-x86_64-linode85

npm ERR! argv "/opt/plesk/node/7/bin/node" "/opt/plesk/node/7/bin/npm" "run" "watch"

npm ERR! node v7.4.0

npm ERR! npm v4.0.5

npm ERR! file sh

npm ERR! code ELIFECYCLE

npm ERR! errno ENOENT

npm ERR! syscall spawn

npm ERR! @ watch: cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js

npm ERR! spawn ENOENT

npm ERR!

npm ERR! Failed at the @ watch script 'cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js'.

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 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 node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js

npm ERR! You can get information on how to open an issue for this project with:

npm ERR! npm bugs

npm ERR! Or if that isn't available, 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! /var/www/vhosts/pagina/avisos.pagina/npm-debug.log

当我阅读 /var/www/vhosts/pagina/avisos.pagina/npm-debug.log这就是我所看到的:

0 info it worked if it ends with ok

1 verbose cli [ '/opt/plesk/node/7/bin/node',

1 verbose cli '/opt/plesk/node/7/bin/npm',

1 verbose cli 'bugs' ]

2 info using npm@4.0.5

3 info using node@v7.4.0

4 silly fetchPackageMetaData .

5 silly fetchDirectoryPackageData .

6 silly bugs url https://www.npmjs.org/package/

7 verbose stack Error: spawn xdg-open ENOENT

7 verbose stack at exports._errnoException (util.js:1022:11)

7 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:193:32)

7 verbose stack at onErrorNT (internal/child_process.js:359:16)

7 verbose stack at _combinedTickCallback (internal/process/next_tick.js:74:11)

7 verbose stack at process._tickCallback (internal/process/next_tick.js:98:9)

8 verbose cwd /var/www/vhosts/pagina/avisos.pagina

9 error Linux 4.9.36-x86_64-linode85

10 error argv "/opt/plesk/node/7/bin/node" "/opt/plesk/node/7/bin/npm" "bugs"

11 error node v7.4.0

12 error npm v4.0.5

13 error path xdg-open

14 error code ENOENT

15 error errno ENOENT

16 error syscall spawn xdg-open

17 error enoent spawn xdg-open ENOENT

18 error enoent spawn xdg-open ENOENT

18 error enoent This is most likely not a problem with npm itself

18 error enoent and is related to npm not being able to find a file.

19 verbose exit [ 1, true ]

现在在我的网站上，我可以看到 Laravel 5.4 网站: https://i.imgur.com/Q8Su4K9.png

我试过运行 find /var/www/vhosts/pagina/avisos.pagina --name package.json并且在任何地方都找不到。有什么想法可以使用 Laravel Mix 编译 Assets 而不会使应用程序崩溃或如何使其工作？提前致谢!

Answer 1

由于您运行的是 Ubuntu，因此 cross-env 的可能性很大。该命令的一部分正在使您的 NPM 绊倒。我多次遇到这个问题，发现删除 cross-env (IIRC 是 Windows 机器的修复/解决方法，因此如果您不在任何地方运行 Windows，则没有必要)修复它。或者(或者如果您正在运行 Windows)，您应该能够安装 cross-env与 npm install -g cross-env .

我发现当我遇到问题时直接运行 Node 命令很有帮助，所以我自己得到了错误。在这种情况下:

cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js

如果我的怀疑是正确的，您需要将其转换为:

NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js

像 npm run watch 这样的事情只是这些较长脚本的快捷方式。这些快捷方式在您的 package.json 中声明。文件(如果需要，您还可以在其中定义自己的脚本快捷方式)。