用于 laravel 的 npm 安装和 npm dev 无法正常工作

Question

大家好，

[请我不在这里转储代码/错误我不确定任何想要帮助的人可能需要什么信息，这就是我必须提供我认为可能很重要/必要，而且我不知道我还能把详细信息放在哪里]

安装 laravel 后在网页中显示 app.css, app.js 未找到的错误

然后我运行命令

npm install && npm run dev

这给了我结果

npm WARN deprecated axios@0.19.2: Critical security vulnerability fixed in v0.21.1. For more information, see https://github.com/axios/axios/pull/3410
npm WARN deprecated popper.js@1.16.1: You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1
npm WARN deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.2.7 (node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@~2.3.1 (node_modules\watchpack\node_modules\chokidar\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.1: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN sass-loader@8.0.2 requires a peer of node-sass@^4.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN sass-loader@8.0.2 requires a peer of fibers@>= 3.1.0 but none is installed. You must install peer dependencies yourself.

added 1094 packages from 506 contributors and audited 1097 packages in 917.337s
found 2 high severity vulnerabilities
  run `npm audit fix` to fix them, or `npm audit` for details

> @ dev C:\laravel_directory
> npm run development


> @ development C:\laravel_directory
> cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js

C:\laravel_directory\node_modules\webpack-cli\bin\cli.js:93
      throw err;
      ^

AssertionError [ERR_ASSERTION]: mix.js() is missing required parameter 1: entry
    at Function.js (C:\laravel_directory\node_modules\laravel-mix\src\Assert.js:13:9)
    at JavaScript.register (C:\laravel_directory\node_modules\laravel-mix\src\components\JavaScript.js:40:16)
    at Api.mix.(anonymous function).args [as vue] (C:\laravel_directory\node_modules\laravel-mix\src\components\ComponentFactory.js:98:53)
    at Object.<anonymous> (C:\laravel_directory\webpack.mix.js:15:6)
    at Module._compile (C:\laravel_directory\node_modules\v8-compile-cache\v8-compile-cache.js:192:30)
    at Object.Module._extensions..js (module.js:663:10)
    at Module.load (module.js:565:32)
    at tryModuleLoad (module.js:505:12)
    at Function.Module._load (module.js:497:3)
    at Module.require (module.js:596:17)
    at require (C:\laravel_directory\node_modules\v8-compile-cache\v8-compile-cache.js:159:20)
    at Object.<anonymous> (C:\laravel_directory\node_modules\laravel-mix\setup\webpack.config.js:12:1)
    at Module._compile (C:\laravel_directory\node_modules\v8-compile-cache\v8-compile-cache.js:192:30)
    at Object.Module._extensions..js (module.js:663:10)
    at Module.load (module.js:565:32)
    at tryModuleLoad (module.js:505:12)
    at Function.Module._load (module.js:497:3)
    at Module.require (module.js:596:17)
    at require (C:\laravel_directory\node_modules\v8-compile-cache\v8-compile-cache.js:159:20)
    at WEBPACK_OPTIONS (C:\laravel_directory\node_modules\webpack-cli\bin\utils\convert-argv.js:114:13)
    at requireConfig (C:\laravel_directory\node_modules\webpack-cli\bin\utils\convert-argv.js:116:6)
    at C:\laravel_directory\node_modules\webpack-cli\bin\utils\convert-argv.js:123:17
    at Array.forEach (<anonymous>)
    at module.exports (C:\laravel_directory\node_modules\webpack-cli\bin\utils\convert-argv.js:121:15)
    at yargs.parse (C:\laravel_directory\node_modules\webpack-cli\bin\cli.js:71:45)
    at Object.parse (C:\laravel_directory\node_modules\webpack-cli\node_modules\yargs\yargs.js:576:18)
    at C:\laravel_directory\node_modules\webpack-cli\bin\cli.js:49:8
    at Object.<anonymous> (C:\laravel_directory\node_modules\webpack-cli\bin\cli.js:366:3)
    at Module._compile (module.js:652:30)
    at Object.Module._extensions..js (module.js:663:10)
    at Module.load (module.js:565:32)
    at tryModuleLoad (module.js:505:12)
    at Function.Module._load (module.js:497:3)
    at Module.require (module.js:596:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (C:\laravel_directory\node_modules\webpack\bin\webpack.js:156:2)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ development: `cross-env NODE_ENV=development 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 @ development script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\AppData\Roaming\npm-cache\_logs\2021-01-14T03_38_32_222Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ dev: `npm run development`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @ dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\AppData\Roaming\npm-cache\_logs\2021-01-14T03_38_32_412Z-debug.log

请问我应该怎么做才能让安装按预期工作。

Answer 1

我在 laravel 8 上安装 vue 时遇到了同样的错误。

它实际上是在 webpack.mix.js 文件中添加内容，如 vue()。

将 vue() 替换为以下内容：

mix.js('resources/js/app.js', 'public/js')
.sass('resources/sass/app.scss', 'public/css');

然后运行npm run watch

Answer 2

删除您的 node_module 文件夹，然后再次运行该命令。