ReactJS - Environment Setup - (webpack)-dev-serve

i'm working On reactJs

INSTALL WEBPACK THEN I M RUNNING THE PROJECT.I M FACING SOME BLOCKAGE ABOUT NPM START..

below here i mentioned the error dailog how to resolve the issue

webpack-dev-server --mode development --open --hot

i ?wds?: Project is running at http://localhost:8001/

i ?wds?: webpack output is served from /

i ?wds?: Content not from webpack is served from D:\Sample C#\sample

× ?wdm?: Hash: 7e4cf408f502a728f687

Version: webpack 4.41.5

Time: 1673ms

Built at: 2020-01-03 13:24:27

Asset Size Chunks Chunk Names

index.html 272 bytes [emitted]

index_bundle.js 392 KiB main [emitted] main

Entrypoint main = index_bundle.js

[0] multi (webpack)-dev-server/client?http://localhost:8001 (webpack)/hot/dev-server.js ./main.js 52 bytes {main} [built]

[./main.js] 1.27 KiB {main} [built] [failed] [1 error]

[./node_modules/webpack-dev-server/client/index.js?http://localhost:8001] (webpack)-dev-server/client?http://localhost:8001 4.29 KiB {main} [built]

[./node_modules/webpack-dev-server/client/overlay.js] (webpack)-dev-server/client/overlay.js 3.51 KiB {main} [built]

[./node_modules/webpack-dev-server/client/socket.js] (webpack)-dev-server/client/socket.js 1.53 KiB {main} [built]

[./node_modules/webpack-dev-server/client/utils/createSocketUrl.js] (webpack)-dev-server/client/utils/createSocketUrl.js 2.91 KiB {main} [built]

[./node_modules/webpack-dev-server/client/utils/log.js] (webpack)-dev-server/client/utils/log.js 964 bytes {main} [built]

[./node_modules/webpack-dev-server/client/utils/reloadApp.js] (webpack)-dev-server/client/utils/reloadApp.js 1.59 KiB {main} [built]

[./node_modules/webpack-dev-server/client/utils/sendMessage.js] (webpack)-dev-server/client/utils/sendMessage.js 402 bytes {main} [built]

[./node_modules/webpack-dev-server/node_modules/strip-ansi/index.js] (webpack)-dev-server/node_modules/strip-ansi/index.js 161 bytes {main} [built]

[./node_modules/webpack/hot sync ^\.\/log$] (webpack)/hot sync nonrecursive ^\.\/log$ 170 bytes {main} [built]

[./node_modules/webpack/hot/dev-server.js] (webpack)/hot/dev-server.js 1.59 KiB {main} [built]

[./node_modules/webpack/hot/emitter.js] (webpack)/hot/emitter.js 75 bytes {main} [built]

[./node_modules/webpack/hot/log-apply-result.js] (webpack)/hot/log-apply-result.js 1.27 KiB {main} [built]

[./node_modules/webpack/hot/log.js] (webpack)/hot/log.js 1.34 KiB {main} [built]

+ 20 hidden modules

ERROR in ./main.js

Module build failed (from ./node_modules/babel-loader/lib/index.js):

Error: Plugin/Preset files are not allowed to export objects, only functions. In D:\Sample C#\sample\node_modules\babel-preset-es2015\lib\index.js

at createDescriptor (D:\Sample C#\sample\node_modules\@babel\core\lib\config\config-descriptors.js:178:11)

at items.map (D:\Sample C#\sample\node_modules\@babel\core\lib\config\config-descriptors.js:109:50)

at Array.map ()

at createDescriptors (D:\Sample C#\sample\node_modules\@babel\core\lib\config\config-descriptors.js:109:29)

at createPresetDescriptors (D:\Sample C#\sample\node_modules\@babel\core\lib\config\config-descriptors.js:101:10)

at passPerPreset (D:\Sample C#\sample\node_modules\@babel\core\lib\config\config-descriptors.js:58:96)

at cachedFunction (D:\Sample C#\sample\node_modules\@babel\core\lib\config\caching.js:32:19)

at presets.presets (D:\Sample C#\sample\node_modules\@babel\core\lib\config\config-descriptors.js:29:84)

at mergeChainOpts (D:\Sample C#\sample\node_modules\@babel\core\lib\config\config-chain.js:320:26)

at D:\Sample C#\sample\node_modules\@babel\core\lib\config\config-chain.js:283:7

Child HtmlWebpackCompiler:

1 asset

Entrypoint HtmlWebpackPlugin_0 = __child-HtmlWebpackPlugin_0

[./node_modules/html-webpack-plugin/lib/loader.js!./index.html] 448 bytes {HtmlWebpackPlugin_0} [built]

[./node_modules/lodash/lodash.js] 528 KiB {HtmlWebpackPlugin_0} [built]

[./node_modules/webpack/buildin/global.js] (webpack)/buildin/global.js 472 bytes {HtmlWebpackPlugin_0} [built]

[./node_modules/webpack/buildin/module.js] (webpack)/buildin/module.js 497 bytes {HtmlWebpackPlugin_0} [built]

i ?wdm?: Failed to compile.

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Maragatha Mani6y ago
Thank you Laxmidhar Sahoo
0
Laxmidhar Sahoo6y ago
hey
It show the compailation error .That mean some where wrong syntax. At begin of running press f12 and from source fiund the red line may find the wrong syntax.
0
Maragatha Mani6y ago
yes Laxmidhar Sahoo..
0
Laxmidhar Sahoo6y ago
hey
Have you install node js ?
+1