[英]React native web step by step from react native init
Can someone give me a step by step for installing react native web from a fresh react native project?有人可以一步一步地从一个新的 react native 项目中安装 react native web 吗?
1)init react native 1)初始化反应原生
2)npm install react-dom react-native-web 2)npm install react-dom react-native-web
3)npm install --save-dev babel-plugin-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 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 5)npm install --save-dev babel-plugin-react-native-web
7)./node_modules/.bin/webpack-dev-server -d --config./web/webpack.config.js --inline --hot --colors 7)./node_modules/.bin/webpack-dev-server -d --config./web/webpack.config.js --inline --hot --colors
internal/modules/cjs/loader.js:883内部/模块/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'
]
}
Ok so in case anyone else runs into this issue I solved it following by adding "web": "cd web && webpack serve --hot"好的,如果其他人遇到这个问题,我通过添加“web”来解决它:“cd web && webpack serve --hot”
I created the Luna template: https://github.com/criszz77/luna我创建了 Luna 模板: https://github.com/criszz77/luna
npx react-native initMyAppName --template @criszz77/luna
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.