从 React Native init 一步一步地 React Native Web

Posted

技术标签:

【中文标题】从 React Native init 一步一步地 React Native Web【英文标题】:React native web step by step from react native init 【发布时间】:2021-07-23 04:59:04 【问题描述】:

谁能给我一步一步从一个新的 react native 项目安装 react native web ?

1)初始化反应原生

2)npm install react-dom react-native-web

3)npm install --save-dev babel-plugin-react-native-web

4)npm install --save-dev babel-loader url-loader webpack webpack-cli webpack-dev-server

5)npm install --save-dev babel-plugin-react-native-web

    创建 web/webpack.config.js

7)./node_modules/.bin/webpack-dev-server -d --config ./web/webpack.config.js --inline --hot --colors

内部/模块/cjs/loader.js:883

    throw err;
    ^
  
  Error: Cannot find module 'webpack-cli/bin/config-yargs'
  Require stack:
  - C:\Users\Scott\reactnative\web\webby2\node_modules\webpack-dev-server\bin\webpack-dev-server.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\Scott\reactnative\web\webby2\node_modules\webpack-dev-server\bin\webpack-dev-server.js:65:1)
      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 Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:72:12) 
    code: 'MODULE_NOT_FOUND',
    requireStack: [
      'C:\\Users\\Scott\\reactnative\\web\\webby2\\node_modules\\webpack-dev-server\\bin\\webpack-dev-server.js'
    ]
  

【问题讨论】:

【参考方案1】:

好的,万一其他人遇到这个问题,我解决了这个问题 添加“web”:“cd web && webpack serve --hot”

【讨论】:

以上是关于从 React Native init 一步一步地 React Native Web的主要内容,如果未能解决你的问题,请参考以下文章

一步一步地从 shell 执行一个 python 包,例如调试模式[重复]

一步一步地玩转Java webMySQL从安装成功到马上卸载干净,到再安装成功(亲测有效)

markdown 一步一步地在Xcode中创建一个好的项目环境

使用Python一步一步地来进行数据分析总结

一步一步地深入浅出地实现状态机框架

一步一步地深入浅出地实现状态机框架