错误:ERROR in ./node_modules/_webpack-dev-server...Module not found: Error: Can't resolve 'webpack/hot

学习webpack的途中总是困难重重。

使用webpack-dev-server工具时,运行cnpm run dev后报错:

ERROR in ./node_modules/_webpack-dev-server@2.11.5@webpack-dev-server/client?http://localhost:3000
Module not found: Error: Can't resolve 'webpack/hot' in...

解决:本地安装webpack:npm install webpack

因为webpack-dev-server要求必须在本地安装webpack,即使已经全局安装了webpack,于是我试着本地安装webpack,再次运行npm run dev 就成功了,所以这个错误的原因可能就是因为我没有本地安装webpack吧(如果不是这个原因请赐教)

 

ERROR in ./node_modules/@pmmmwh/react-refresh-webpack-plugin/sockets/WDSSocket.js 7:36-93 Module not found: Error: Can't resolve 'webpack-dev-server/client/clients/SockJSClient' in '/home/flexiv/workspace/Framework4.x/TrajEditor/TrajEditorDemo/node_modules/@pmmmwh/react-refresh-webpack-plugin/sockets' @ ./node_modules/@pmmmwh/react-refresh-webpack-plugin/client/ErrorOverlayEntry.js 79:4-28 85:8-32 ERROR in ./node_modules/@pmmmwh/react-refresh-webpack-plugin/sockets/WDSSocket.js 8:39-99 Module not found: Error: Can't resolve 'webpack-dev-server/client/clients/WebSocketClient' in '/home/flexiv/workspace/Framework4.x/TrajEditor/TrajEditorDemo/node_modules/@pmmmwh/react-refresh-webpack-plugin/sockets' @ ./node_modules/@pmmmwh/react-refresh-webpack-plugin/client/ErrorOverlayEntry.js 79:4-28 85:8-32 ERROR in ./node_modules/@pmmmwh/react-refresh-webpack-plugin/sockets/WDSSocket.js 9:21-64 Module not found: Error: Can't resolve 'webpack-dev-server/client/socket' in '/home/flexiv/workspace/Framework4.x/TrajEditor/TrajEditorDemo/node_modules/@pmmmwh/react-refresh-webpack-plugin/sockets' @ ./node_modules/@pmmmwh/react-refresh-webpack-plugin/client/ErrorOverlayEntry.js 79:4-28 85:8-32 ERROR in main Module not found: Error: Can't resolve 'babel-loader' in '/home/flexiv/workspace/Framework4.x/TrajEditor/TrajEditorDemo' 4 errors have detailed information that is not shown. Use 'stats.errorDetails: true' resp. '--stats-error-details' to show it. webpack 5.101.3 compiled with 4 errors in 166 ms
最新发布
09-12
<w> [ReactRefreshPlugin] Hot Module Replacement (HMR) is not enabled! React Refresh requires HMR to function properly. asset main.js 2.28 KiB [emitted] (name: main) ./src/main.ts 39 bytes [built] [code generated] [1 error] ERROR in ./src/main.ts Module build failed (from ./node_modules/ts-loader/index.js): Error: ts-loader was supplied with an unexpected loader option: plugins Please take a look at the options you are supplying; the following are valid options: silent / logLevel / logInfoToStdOut / instance / compiler / context / configFile / transpileOnly / ignoreDiagnostics / errorFormatter / colors / compilerOptions / appendTsSuffixTo / appendTsxSuffixTo / onlyCompileBundledFiles / happyPackMode / getCustomTransformers / reportFiles / experimentalWatchApi / allowTsInNodeModules / experimentalFileCaching / projectReferences / resolveModuleName / resolveTypeReferenceDirective / useCaseSensitiveFileNames at validateLoaderOptions (/home/flexiv/workspace/Framework4.x/TrajEditor/TrajEditorDemo/node_modules/ts-loader/dist/index.js:166:19) at getLoaderOptions (/home/flexiv/workspace/Framework4.x/TrajEditor/TrajEditorDemo/node_modules/ts-loader/dist/index.js:123:5) at Object.loader (/home/flexiv/workspace/Framework4.x/TrajEditor/TrajEditorDemo/node_modules/ts-loader/dist/index.js:15:21) webpack 5.101.3 compiled with 1 error in 731 ms asset app.js 1.18 MiB [emitted] (name: main) 1 related asset asset index.html 232 bytes [compared for emit] runtime modules 1.28 KiB 2 modules modules by path ./node_modules/core-js-pure/ 26.8 KiB 56 modules modules by path ./node_modules/@pmmmwh/react-refresh-webpack-plugin/ 45.9 KiB 18 modules modules by path ./node_modules/react-dom/ 947 KiB 4 modules modules by path ./node_modules/html-entities/dist/commonjs/*.js 34.2 KiB 4 modules modules by path ./node_modules/react-refresh/ 12.3 KiB ./node_modules/react-refresh/runtime.js 218 bytes [built] [code generated] ./node_modules/react-refresh/cjs/react-refresh-runtime.development.js 12.1 KiB [built] [code generated] modules by path ./node_modules/react/ 44.2 KiB ./node_modules/react/index.js 186 bytes [built] [code generated] ./node_modules/react/cjs/react.development.js 44 KiB [built] [code generated] modules by path ./node_modules/scheduler/ 12 KiB ./node_modules/scheduler/index.js 194 bytes [built] [code generated] ./node_modules/scheduler/cjs/scheduler.development.js 11.9 KiB [built] [code generated] + 4 modules ERROR in ./node_modules/@pmmmwh/react-refresh-webpack-plugin/sockets/WDSSocket.js 7:36-93 Module not found: Error: Can't resolve 'webpack-dev-server/client/clients/SockJSClient' in '/home/flexiv/workspace/Framework4.x/TrajEditor/TrajEditorDemo/node_modules/@pmmmwh/react-refresh-webpack-plugin/sockets' @ ./node_modules/@pmmmwh/react-refresh-webpack-plugin/client/ErrorOverlayEntry.js 79:4-28 85:8-32 ERROR in ./node_modules/@pmmmwh/react-refresh-webpack-plugin/sockets/WDSSocket.js 8:39-99 Module not found: Error: Can't resolve 'webpack-dev-server/client/clients/WebSocketClient' in '/home/flexiv/workspace/Framework4.x/TrajEditor/TrajEditorDemo/node_modules/@pmmmwh/react-refresh-webpack-plugin/sockets' @ ./node_modules/@pmmmwh/react-refresh-webpack-plugin/client/ErrorOverlayEntry.js 79:4-28 85:8-32 ERROR in ./node_modules/@pmmmwh/react-refresh-webpack-plugin/sockets/WDSSocket.js 9:21-64 Module not found: Error: Can't resolve 'webpack-dev-server/client/socket' in '/home/flexiv/workspace/Framework4.x/TrajEditor/TrajEditorDemo/node_modules/@pmmmwh/react-refresh-webpack-plugin/sockets' @ ./node_modules/@pmmmwh/react-refresh-webpack-plugin/client/ErrorOverlayEntry.js 79:4-28 85:8-32 3 errors have detailed information that is not shown. Use 'stats.errorDetails: true' resp. '--stats-error-details' to show it. webpack 5.101.3 compiled with 3 errors in 976 ms
09-12
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值