Reactjs 我试着使用创建反应应用程序

Reactjs 我试着使用创建反应应用程序,reactjs,npm,webpack,Reactjs,Npm,Webpack,这就是我收到的错误消息 如果有人能帮上忙或者能告诉我 如何使用通过express nodejs服务器提供的React创建网页,而无需“创建React应用程序”或类似的内容,只需使用普通的express服务器提供由任何transpiler捆绑的React应用程序即可 $ npm start > writer-babu@1.0.0 start C:\Users\kiit\Desktop\writer-babu > webpack-dev-server --mode developmen

这就是我收到的错误消息

如果有人能帮上忙或者能告诉我

如何使用通过express nodejs服务器提供的React创建网页,而无需“创建React应用程序”或类似的内容,只需使用普通的express服务器提供由任何transpiler捆绑的React应用程序即可

$ npm start

> writer-babu@1.0.0 start C:\Users\kiit\Desktop\writer-babu
> webpack-dev-server --mode development --open --hot

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

Error: Cannot find module 'webpack-cli/bin/config-yargs'
Require stack:
- C:\Users\kiit\Desktop\writer-babu\node_modules\webpack-dev-server\bin\webpack-dev-server.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:965:15)
    at Function.Module._load (internal/modules/cjs/loader.js:841:27)
    at Module.require (internal/modules/cjs/loader.js:1025:19)
    at require (internal/modules/cjs/helpers.js:72:18)
    at Object.<anonymous> (C:\Users\kiit\Desktop\writer-babu\node_modules\webpack-dev-server\bin\webpack-dev-server.js:65:1)
    at Module._compile (internal/modules/cjs/loader.js:1137:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1157:10)
    at Module.load (internal/modules/cjs/loader.js:985:32)
    at Function.Module._load (internal/modules/cjs/loader.js:878:14)
    at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:71:12) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    'C:\\Users\\kiit\\Desktop\\writer-babu\\node_modules\\webpack-dev-server\\bin\\webpack-dev-server.js'
  ]
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! writer-babu@1.0.0 start: `webpack-dev-server --mode development --open --hot`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the writer-babu@1.0.0 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\kiit\AppData\Roaming\npm-cache\_logs\2020-11-26T05_15_56_534Z-debug.log

$npm开始
>作家-babu@1.0.0启动C:\Users\kiit\Desktop\writer-babu
>Web包开发服务器--模式开发--打开--热
内部/modules/cjs/loader.js:968
犯错误;
^
错误:找不到模块“webpack cli/bin/config yargs”
需要堆栈:
-C:\Users\kiit\Desktop\writer babu\node\u modules\webpack dev server\bin\webpack-dev-server.js
位于Function.Module.\u resolveFilename(internal/modules/cjs/loader.js:965:15)
at Function.Module._load(内部/modules/cjs/loader.js:841:27)
at Module.require(内部/modules/cjs/loader.js:1025:19)
根据需要(内部/modules/cjs/helpers.js:72:18)
反对。(C:\Users\kiit\Desktop\writer babu\node\u modules\webpack dev server\bin\webpack dev server.js:65:1)
at模块编译(内部/modules/cjs/loader.js:1137:30)
at Object.Module._extensions..js(internal/modules/cjs/loader.js:1157:10)
在Module.load(内部/modules/cjs/loader.js:985:32)
at Function.Module._load(内部/modules/cjs/loader.js:878:14)
在Function.executeUserEntryPoint[作为runMain](internal/modules/run_main.js:71:12){
代码:“未找到模块”,
requireStack:[
'C:\\Users\\kiit\\Desktop\\writer babu\\node\u modules\\webpack dev server\\bin\\webpack dev server.js'
]
}
npm错误!代码失效循环
npm错误!错误1
npm错误!作家-babu@1.0.0start:`webpack dev server--模式开发--打开--热`
npm错误!退出状态1
npm错误!
npm错误!在编写器上失败-babu@1.0.0开始脚本。
npm错误!这可能不是npm的问题。上面可能还有其他日志输出。
npm错误!此运行的完整日志可在以下位置找到:
npm错误!C:\Users\kiit\AppData\Roaming\npm cache\\ u logs\2020-11-26T05\u 15\u 56\u 534Z-debug.log
如果有人能帮上忙或者能告诉我


如何使用通过express nodejs服务器提供的React创建网页,而不使用“Create React app”或类似的东西,只需使用普通的香草express服务器提供由任何transpiler捆绑的React app。

尝试
npm i webpack cli
。npm安装或Yarnac实际遇到问题,基本上是由于当前版本的webpack,Web包cli和Web包开发服务器。我尝试了这些旧版本,现在它运行没有任何错误。
$ npm start

> writer-babu@1.0.0 start C:\Users\kiit\Desktop\writer-babu
> webpack-dev-server --mode development --open --hot

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

Error: Cannot find module 'webpack-cli/bin/config-yargs'
Require stack:
- C:\Users\kiit\Desktop\writer-babu\node_modules\webpack-dev-server\bin\webpack-dev-server.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:965:15)
    at Function.Module._load (internal/modules/cjs/loader.js:841:27)
    at Module.require (internal/modules/cjs/loader.js:1025:19)
    at require (internal/modules/cjs/helpers.js:72:18)
    at Object.<anonymous> (C:\Users\kiit\Desktop\writer-babu\node_modules\webpack-dev-server\bin\webpack-dev-server.js:65:1)
    at Module._compile (internal/modules/cjs/loader.js:1137:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1157:10)
    at Module.load (internal/modules/cjs/loader.js:985:32)
    at Function.Module._load (internal/modules/cjs/loader.js:878:14)
    at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:71:12) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    'C:\\Users\\kiit\\Desktop\\writer-babu\\node_modules\\webpack-dev-server\\bin\\webpack-dev-server.js'
  ]
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! writer-babu@1.0.0 start: `webpack-dev-server --mode development --open --hot`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the writer-babu@1.0.0 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\kiit\AppData\Roaming\npm-cache\_logs\2020-11-26T05_15_56_534Z-debug.log