Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/471.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我能';由于缺少网页包和react脚本,无法编译react应用程序_Javascript_Node.js_Reactjs_Webpack - Fatal编程技术网

Javascript 我能';由于缺少网页包和react脚本,无法编译react应用程序

Javascript 我能';由于缺少网页包和react脚本,无法编译react应用程序,javascript,node.js,reactjs,webpack,Javascript,Node.js,Reactjs,Webpack,我正在尝试编译一个由其他人制作的react应用程序,在制作npm后,我出现了以下错误 PS C:\Users\valery\Desktop\SemWebApp\PTS-WEB-APP-master> npm run start > demo1@7.1.7 start C:\Users\valery\Desktop\SemWebApp\PTS-WEB-APP-master > react-scripts start -o internal/modules/cjs/loader.

我正在尝试编译一个由其他人制作的react应用程序,在制作npm后,我出现了以下错误

PS C:\Users\valery\Desktop\SemWebApp\PTS-WEB-APP-master> npm run start
> demo1@7.1.7 start C:\Users\valery\Desktop\SemWebApp\PTS-WEB-APP-master
> react-scripts start -o

internal/modules/cjs/loader.js:883
throw err;
^

Error: Cannot find module 'webpack'
Require stack:
- C:\Users\valery\Desktop\SemWebApp\PTS-WEB-APP-master\node_modules\webpack-dev-server\lib\Server.js
- C:\Users\valery\Desktop\SemWebApp\PTS-WEB-APP-master\node_modules\react-scripts\scripts\start.js
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15)
at Function.Module._load (internal/modules/cjs/loader.js:725:27)
at Module.require (internal/modules/cjs/loader.js:952:19)
at require (internal/modules/cjs/helpers.js:88:18)
at Object.<anonymous> (C:\Users\valery\Desktop\SemWebApp\PTS-WEB-APP-master\node_modules\webpack-dev-server\lib\Server.js:33:17)
at Module._compile (internal/modules/cjs/loader.js:1063:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
at Module.load (internal/modules/cjs/loader.js:928:32)
at Function.Module._load (internal/modules/cjs/loader.js:769:14)
at Module.require (internal/modules/cjs/loader.js:952:19) {
code: 'MODULE_NOT_FOUND',
requireStack: [
'C:\\Users\\valery\\Desktop\\SemWebApp\\PTS-WEB-APP-master\\node_modules\\webpack-dev- 
server\\lib\\Server.js',
'C:\\Users\\valery\\Desktop\\SemWebApp\\PTS-WEB-APP-master\\node_modules\\react- 
scripts\\scripts\\start.js'
]
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! demo1@7.1.7 start: `react-scripts start -o`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the demo1@7.1.7 start 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\valery\AppData\Roaming\npm-cache\_logs\2021-01-05T22_44_12_999Z-debug.log
最后,我尝试以以下结果开始npm运行

PS C:\Users\valery\Desktop\SemWebApp\PTS WEB APP master>npm运行启动

demo1@7.1.7启动C:\Users\valery\Desktop\SemWebApp\PTS WEB APP master 反应脚本启动-o 正在启动开发服务器。。。 未能编译

TypeError:无法读取未定义的属性“tapAsync”

  • ExternalModuleFactoryPlugin.js:41 ExternalModuleFactoryPlugin.apply [PTS WEB APP master]/[webpack]/lib/ExternalModuleFactoryPlugin.js:41:39

  • ExternalsPlugin.js:30 [PTS WEB APP master]/[webpack]/lib/ExternalsPlugin.js:30:63

  • Hook.js:154 SyncHook.lazycomilehook [PTS WEB APP master]/[tapable]/lib/Hook.js:154:20

  • Compiler.js:665 [PTS WEB APP master]/[react scripts]/[webpack]/lib/Compiler.js:665:23

  • js:154 AsyncSeriesHook.lazycomilehook [PTS WEB APP master]/[tapable]/lib/Hook.js:154:20

  • Compiler.js:662 Compiler.compile [PTS WEB APP master]/[react scripts]/[webpack]/lib/Compiler.js:662:28

  • Compiler.js:328 Compiler.runAsChild [PTS WEB APP master]/[react scripts]/[webpack]/lib/Compiler.js:328:8

  • compiler.js:129 [PTS WEB APP master]/[html网页包插件]/lib/compiler.js:129:21

  • 新承诺

  • compiler.js:128 HtmlWebpackChildCompiler.compileTemplates [PTS WEB APP master]/[html网页包插件]/lib/compiler.js:128:31

  • compiler.js:260 Object.compileTemplate [PTS WEB APP master]/[html网页包插件]/lib/compiler.js:260:24

  • 索引.js:149 [PTS WEB APP master]/[html网页包插件]/index.js:149:42

  • js:154 AsyncParallelHook.lazyCompileHook [PTS WEB APP master]/[tapable]/lib/Hook.js:154:20

应用程序无法编译,我如何解决这些问题

我是一个非常新的反应,我不知道如何解决它


提前感谢您的帮助

看来这可能是
html网页
插件的问题。向上搜索“TypeError:无法读取未定义的属性'tapAsync',您会发现一些人有类似的问题,以及他们是如何解决的您在运行npm start之前安装了所有项目依赖项吗
npm安装
Hi@Andrew,谢谢你的建议,我将Hi@Benjamin,是的,npm安装是我做的第一件事,在那之后出现了webpack的问题,然后我做了一个npm安装webpack——保存开发,现在它给我带来了tapasync问题看起来可能是
html webpack
插件的问题。向上搜索“TypeError:无法读取未定义的属性'tapAsync',您会发现一些人有类似的问题,以及他们是如何解决的您在运行npm start之前安装了所有项目依赖项吗
npm安装
Hi@Andrew,谢谢你的建议,我将Hi@Benjamin,是的,npm安装是我做的第一件事,在那之后出现了webpack的问题,然后我做了一个npm安装webpack——保存开发,现在它给我带来了tapasync问题
PS C:\Users\valery\Desktop\SemWebApp\PTS-WEB-APP-master> npm install webpack --save-dev
npm WARN @material-ui/pickers@3.2.10 requires a peer of @date-io/core@^1.3.6 but none is installed. 
You must install peer dependencies yourself.
npm WARN bootstrap@4.5.0 requires a peer of jquery@1.9.1 - 3 but none is installed. You must install 
peer dependencies yourself.
npm WARN css-loader@2.1.1 requires a peer of webpack@^4.0.0 but none is installed. You must install 
peer dependencies yourself.
npm WARN eslint-loader@3.0.2 requires a peer of webpack@^4.0.0 but none is installed. You must 
install peer dependencies yourself.
npm WARN file-loader@3.0.1 requires a peer of webpack@^4.0.0 but none is installed. You must install 
peer dependencies yourself.
npm WARN html-webpack-plugin@4.0.0-beta.5 requires a peer of webpack@^4.0.0 but none is installed. 
You must install peer dependencies yourself.
npm WARN mini-css-extract-plugin@0.8.0 requires a peer of webpack@^4.4.0 but none is installed. You 
must install peer dependencies yourself.
npm WARN optimize-css-assets-webpack-plugin@5.0.3 requires a peer of webpack@^4.0.0 but none is 
installed. You must install peer dependencies yourself.
npm WARN sass-loader@7.2.0 requires a peer of webpack@^3.0.0 || ^4.0.0 but none is installed. You 
must install peer dependencies yourself.
npm WARN style-loader@1.0.0 requires a peer of webpack@^4.0.0 but none is installed. You must install 
peer dependencies yourself.
npm WARN terser-webpack-plugin@1.4.1 requires a peer of webpack@^4.0.0 but none is installed. You 
must install peer dependencies yourself.
npm WARN tsutils@3.18.0 requires a peer of typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 
3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta but none 
is installed. You must install peer dependencies yourself.
npm WARN url-loader@2.1.0 requires a peer of webpack@^4.0.0 but none is installed. You must install 
peer dependencies yourself.
npm WARN webpack-cli@3.3.11 requires a peer of webpack@4.x.x but none is installed. You must install 
peer dependencies yourself.
npm WARN webpack-dev-server@3.2.1 requires a peer of webpack@^4.0.0 but none is installed. You must 
install peer dependencies yourself.
npm WARN webpack-manifest-plugin@2.1.1 requires a peer of webpack@2 || 3 || 4 but none is installed. 
You must install peer dependencies yourself.
npm WARN workbox-webpack-plugin@4.3.1 requires a peer of webpack@^2.0.0 || ^3.0.0 || ^4.0.0 but none 
is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.0.7 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.0.7: wanted 
{"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\jest-haste- 
map\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.1.3 
(node_modules\watchpack\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.1.3: wanted 
{"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 
(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"})

+ webpack@5.11.1
added 46 packages from 96 contributors in 248.834s

98 packages are looking for funding
run `npm fund` for details