Laravel7.9.2 "npm install"安装这么多文件

Question

我正在开发Laravel 7.9.2，当我使用npm install时，它安装了太多文件，这与Youtube上的教程不同。

以下是我不熟悉的node_modules之外的文件：

图像

以下是node_modules中的一组文件夹：

图像1|图像2(还有更多(

当我运行npm run dev时，我得到了以下错误：

> @ dev E:Xampphtdocspractice
> npm run development

> @ development E:Xampphtdocspractice
> cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js
98% after emitting SizeLimitsPlugin
ERROR  Failed to compile with 3 errors                                                                         4:13:46 PM
error  in ./resources/js/app.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
BrowserslistError: [BABEL] E:Xampphtdocspracticeresourcesjsapp.js: Unknown browser query `basedir=$(dirname "$(echo 
"$0" | sed -e 's`. Maybe you are using old Browserslist or made typo in query. (While processing: "E:\Xampp\htdocs\practice\node_modules\@babel\preset-env\lib\index.js")
at unknownQuery (E:Xampphtdocspracticenode_modulesbrowserslistindex.js:285:10)
at E:Xampphtdocspracticenode_modulesbrowserslistindex.js:372:11
at Array.reduce (<anonymous>)
at resolve (E:Xampphtdocspracticenode_modulesbrowserslistindex.js:318:18)
at browserslist (E:Xampphtdocspracticenode_modulesbrowserslistindex.js:443:21)
at getTargets (E:[e-mail]:202:48)
at E:[e-mail]:246:57
at E:[e-mail]:19:12
at E:[e-mail]:199:14
at Generator.next (<anonymous>)
at Function.<anonymous> (E:[e-mail]:26:3)
at Generator.next (<anonymous>)
at step (E:Xampphtdocspracticenode_modulesgensyncindex.js:254:32)
at evaluateAsync (E:Xampphtdocspracticenode_modulesgensyncindex.js:284:5)
at Function.errback (E:Xampphtdocspracticenode_modulesgensyncindex.js:108:7)
at errback (E:[e-mail]:70:18)
at async (E:Xampphtdocspracticenode_modulesgensyncindex.js:183:31)
at onFirstPause (E:Xampphtdocspracticenode_modulesgensyncindex.js:209:13)
at Generator.next (<anonymous>)
at cachedFunction (E:[e-mail]:68:46)
at cachedFunction.next (<anonymous>)
at loadPresetDescriptor (E:[e-mail]:292:44)
at loadPresetDescriptor.next (<anonymous>)
at recurseDescriptors (E:[e-mail]:107:30)
at recurseDescriptors.next (<anonymous>)
at loadFullConfig (E:[e-mail]:142:6)
at loadFullConfig.next (<anonymous>)
at Function.transform (E:[e-mail]:25:45)
at transform.next (<anonymous>)
at step (E:Xampphtdocspracticenode_modulesgensyncindex.js:262:25)
at E:Xampphtdocspracticenode_modulesgensyncindex.js:266:13
at async.call.result.err.err (E:Xampphtdocspracticenode_modulesgensyncindex.js:216:11)
at E:Xampphtdocspracticenode_modulesgensyncindex.js:184:28
at E:[e-mail]:72:7
at E:Xampphtdocspracticenode_modulesgensyncindex.js:108:33
at step (E:Xampphtdocspracticenode_modulesgensyncindex.js:280:14)
@ multi ./resources/js/app.js ./resources/sass/app.scss
error  in ./resources/sass/app.scss
Module build failed (from ./node_modules/css-loader/index.js):
ModuleBuildError: Module build failed (from ./node_modules/postcss-loader/src/index.js):
BrowserslistError: Unknown browser query `basedir=$(dirname "$(echo "$0" | sed -e 's`. Maybe you are using old Browserslist or made typo in query.
at unknownQuery (E:Xampphtdocspracticenode_modulesbrowserslistindex.js:285:10)
at E:Xampphtdocspracticenode_modulesbrowserslistindex.js:372:11
at Array.reduce (<anonymous>)
at resolve (E:Xampphtdocspracticenode_modulesbrowserslistindex.js:318:18)
at browserslist (E:Xampphtdocspracticenode_modulesbrowserslistindex.js:443:21)
at Browsers.parse (E:Xampphtdocspracticenode_modulesautoprefixerlibbrowsers.js:64:12)
at new Browsers (E:Xampphtdocspracticenode_modulesautoprefixerlibbrowsers.js:46:26)
at loadPrefixes (E:Xampphtdocspracticenode_modulesautoprefixerlibautoprefixer.js:97:20)
at plugin (E:Xampphtdocspracticenode_modulesautoprefixerlibautoprefixer.js:108:20)
at LazyResult.run (E:Xampphtdocspracticenode_modulespostcssliblazy-result.js:295:14)
at LazyResult.asyncTick (E:Xampphtdocspracticenode_modulespostcssliblazy-result.js:208:26)
at E:Xampphtdocspracticenode_modulespostcssliblazy-result.js:250:14
at new Promise (<anonymous>)
at LazyResult.async (E:Xampphtdocspracticenode_modulespostcssliblazy-result.js:246:23)
at LazyResult.then (E:Xampphtdocspracticenode_modulespostcssliblazy-result.js:127:17)
at E:Xampphtdocspracticenode_modulespostcss-loadersrcindex.js:142:8
at E:Xampphtdocspracticenode_moduleswebpacklibNormalModule.js:316:20
at E:Xampphtdocspracticenode_modulesloader-runnerlibLoaderRunner.js:367:11
at E:Xampphtdocspracticenode_modulesloader-runnerlibLoaderRunner.js:233:18
at context.callback (E:Xampphtdocspracticenode_modulesloader-runnerlibLoaderRunner.js:111:13)
at E:Xampphtdocspracticenode_modulespostcss-loadersrcindex.js:208:9
error  in ./resources/sass/app.scss
Module build failed (from ./node_modules/postcss-loader/src/index.js):
BrowserslistError: Unknown browser query `basedir=$(dirname "$(echo "$0" | sed -e 's`. Maybe you are using old Browserslist or made typo in query.
at unknownQuery (E:Xampphtdocspracticenode_modulesbrowserslistindex.js:285:10)
at E:Xampphtdocspracticenode_modulesbrowserslistindex.js:372:11
at Array.reduce (<anonymous>)
at resolve (E:Xampphtdocspracticenode_modulesbrowserslistindex.js:318:18)
at browserslist (E:Xampphtdocspracticenode_modulesbrowserslistindex.js:443:21)
at Browsers.parse (E:Xampphtdocspracticenode_modulesautoprefixerlibbrowsers.js:64:12)
at new Browsers (E:Xampphtdocspracticenode_modulesautoprefixerlibbrowsers.js:46:26)
at loadPrefixes (E:Xampphtdocspracticenode_modulesautoprefixerlibautoprefixer.js:97:20)
at plugin (E:Xampphtdocspracticenode_modulesautoprefixerlibautoprefixer.js:108:20)
at LazyResult.run (E:Xampphtdocspracticenode_modulespostcssliblazy-result.js:295:14)
at LazyResult.asyncTick (E:Xampphtdocspracticenode_modulespostcssliblazy-result.js:208:26)
at E:Xampphtdocspracticenode_modulespostcssliblazy-result.js:250:14
at new Promise (<anonymous>)
at LazyResult.async (E:Xampphtdocspracticenode_modulespostcssliblazy-result.js:246:23)
at LazyResult.then (E:Xampphtdocspracticenode_modulespostcssliblazy-result.js:127:17)
at E:Xampphtdocspracticenode_modulespostcss-loadersrcindex.js:142:8
@ ./resources/sass/app.scss 2:14-253
Asset      Size   Chunks             Chunk Names
/js/app.js  9.97 KiB  /js/app  [emitted]  /js/app
ERROR in ./resources/js/app.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
BrowserslistError: [BABEL] E:Xampphtdocspracticeresourcesjsapp.js: Unknown browser query `basedir=$(dirname "$(echo 
"$0" | sed -e 's`. Maybe you are using old Browserslist or made typo in query. (While processing: "E:\Xampp\htdocs\practice\node_modules\@babel\preset-env\lib\index.js")
at unknownQuery (E:Xampphtdocspracticenode_modulesbrowserslistindex.js:285:10)
at E:Xampphtdocspracticenode_modulesbrowserslistindex.js:372:11
at Array.reduce (<anonymous>)
at resolve (E:Xampphtdocspracticenode_modulesbrowserslistindex.js:318:18)
at browserslist (E:Xampphtdocspracticenode_modulesbrowserslistindex.js:443:21)
at getTargets (E:[e-mail]:202:48)
at E:[e-mail]:246:57
at E:[e-mail]:19:12
at E:[e-mail]:199:14
at Generator.next (<anonymous>)
at Function.<anonymous> (E:[e-mail]:26:3)
at Generator.next (<anonymous>)
at step (E:Xampphtdocspracticenode_modulesgensyncindex.js:254:32)
at evaluateAsync (E:Xampphtdocspracticenode_modulesgensyncindex.js:284:5)
at Function.errback (E:Xampphtdocspracticenode_modulesgensyncindex.js:108:7)
at errback (E:[e-mail]:70:18)
at async (E:Xampphtdocspracticenode_modulesgensyncindex.js:183:31)
at onFirstPause (E:Xampphtdocspracticenode_modulesgensyncindex.js:209:13)
at Generator.next (<anonymous>)
at cachedFunction (E:[e-mail]:68:46)
at cachedFunction.next (<anonymous>)
at loadPresetDescriptor (E:[e-mail]:292:44)
at loadPresetDescriptor.next (<anonymous>)
at recurseDescriptors (E:[e-mail]:107:30)
at recurseDescriptors.next (<anonymous>)
at loadFullConfig (E:[e-mail]:142:6)
at loadFullConfig.next (<anonymous>)
at Function.transform (E:[e-mail]:25:45)
at transform.next (<anonymous>)
at step (E:Xampphtdocspracticenode_modulesgensyncindex.js:262:25)
at E:Xampphtdocspracticenode_modulesgensyncindex.js:266:13
at async.call.result.err.err (E:Xampphtdocspracticenode_modulesgensyncindex.js:216:11)
at E:Xampphtdocspracticenode_modulesgensyncindex.js:184:28
at E:[e-mail]:72:7
at E:Xampphtdocspracticenode_modulesgensyncindex.js:108:33
at step (E:Xampphtdocspracticenode_modulesgensyncindex.js:280:14)
@ multi ./resources/js/app.js ./resources/sass/app.scss /js/app[0]
ERROR in ./resources/sass/app.scss
Module build failed (from ./node_modules/css-loader/index.js):
ModuleBuildError: Module build failed (from ./node_modules/postcss-loader/src/index.js):
BrowserslistError: Unknown browser query `basedir=$(dirname "$(echo "$0" | sed -e 's`. Maybe you are using old Browserslist or made typo in query.
at unknownQuery (E:Xampphtdocspracticenode_modulesbrowserslistindex.js:285:10)
at E:Xampphtdocspracticenode_modulesbrowserslistindex.js:372:11
at Array.reduce (<anonymous>)
at resolve (E:Xampphtdocspracticenode_modulesbrowserslistindex.js:318:18)
at browserslist (E:Xampphtdocspracticenode_modulesbrowserslistindex.js:443:21)
at Browsers.parse (E:Xampphtdocspracticenode_modulesautoprefixerlibbrowsers.js:64:12)
at new Browsers (E:Xampphtdocspracticenode_modulesautoprefixerlibbrowsers.js:46:26)
at loadPrefixes (E:Xampphtdocspracticenode_modulesautoprefixerlibautoprefixer.js:97:20)
at plugin (E:Xampphtdocspracticenode_modulesautoprefixerlibautoprefixer.js:108:20)
at LazyResult.run (E:Xampphtdocspracticenode_modulespostcssliblazy-result.js:295:14)
at LazyResult.asyncTick (E:Xampphtdocspracticenode_modulespostcssliblazy-result.js:208:26)
at E:Xampphtdocspracticenode_modulespostcssliblazy-result.js:250:14
at new Promise (<anonymous>)
at LazyResult.async (E:Xampphtdocspracticenode_modulespostcssliblazy-result.js:246:23)
at LazyResult.then (E:Xampphtdocspracticenode_modulespostcssliblazy-result.js:127:17)
at E:Xampphtdocspracticenode_modulespostcss-loadersrcindex.js:142:8
at E:Xampphtdocspracticenode_moduleswebpacklibNormalModule.js:316:20
at E:Xampphtdocspracticenode_modulesloader-runnerlibLoaderRunner.js:367:11
at E:Xampphtdocspracticenode_modulesloader-runnerlibLoaderRunner.js:233:18
at context.callback (E:Xampphtdocspracticenode_modulesloader-runnerlibLoaderRunner.js:111:13)
at E:Xampphtdocspracticenode_modulespostcss-loadersrcindex.js:208:9
@ ./resources/sass/app.scss
ERROR in ./resources/sass/app.scss (./node_modules/css-loader??ref--5-2!./node_modules/postcss-loader/src??postcss0!./node_modules/resolve-url-loader??ref--5-4!./node_modules/sass-loader/dist/cjs.js??ref--5-5!./resources/sass/app.scss)
Module build failed (from ./node_modules/postcss-loader/src/index.js):
BrowserslistError: Unknown browser query `basedir=$(dirname "$(echo "$0" | sed -e 's`. Maybe you are using old Browserslist or made typo in query.
at unknownQuery (E:Xampphtdocspracticenode_modulesbrowserslistindex.js:285:10)
at E:Xampphtdocspracticenode_modulesbrowserslistindex.js:372:11
at Array.reduce (<anonymous>)
at resolve (E:Xampphtdocspracticenode_modulesbrowserslistindex.js:318:18)
at browserslist (E:Xampphtdocspracticenode_modulesbrowserslistindex.js:443:21)
at Browsers.parse (E:Xampphtdocspracticenode_modulesautoprefixerlibbrowsers.js:64:12)
at new Browsers (E:Xampphtdocspracticenode_modulesautoprefixerlibbrowsers.js:46:26)
at loadPrefixes (E:Xampphtdocspracticenode_modulesautoprefixerlibautoprefixer.js:97:20)
at plugin (E:Xampphtdocspracticenode_modulesautoprefixerlibautoprefixer.js:108:20)
at LazyResult.run (E:Xampphtdocspracticenode_modulespostcssliblazy-result.js:295:14)
at LazyResult.asyncTick (E:Xampphtdocspracticenode_modulespostcssliblazy-result.js:208:26)
at E:Xampphtdocspracticenode_modulespostcssliblazy-result.js:250:14
at new Promise (<anonymous>)
at LazyResult.async (E:Xampphtdocspracticenode_modulespostcssliblazy-result.js:246:23)
at LazyResult.then (E:Xampphtdocspracticenode_modulespostcssliblazy-result.js:127:17)
at E:Xampphtdocspracticenode_modulespostcss-loadersrcindex.js:142:8
@ ./resources/sass/app.scss 2:14-253
npm ERR! code ELIFECYCLE
npm ERR! errno 2
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 2
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:UsersUserAppDataRoamingnpm-cache_logs2020-05-04T09_13_46_636Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! @ dev: `npm run development`
npm ERR! Exit status 2
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:UsersUserAppDataRoamingnpm-cache_logs2020-05-04T09_13_46_701Z-debug.log

我的包.json:

{
"private": true,
"scripts": {
"dev": "npm run development",
"development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"watch": "npm run development -- --watch",
"watch-poll": "npm run watch -- --watch-poll",
"hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
"prod": "npm run production",
"production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
},
"devDependencies": {
"@babel/preset-react": "^7.0.0",
"axios": "^0.19",
"bootstrap": "^4.0.0",
"cross-env": "^7.0",
"jquery": "^3.2",
"laravel-mix": "^5.0.1",
"lodash": "^4.17.13",
"popper.js": "^1.12",
"react": "^16.2.0",
"react-dom": "^16.2.0",
"resolve-url-loader": "^3.1.0",
"sass": "^1.15.2",
"sass-loader": "^8.0.0"
}
}

Answer 1

尝试重新安装npm

查看package.json只需删除无用的包。并运行

npm install