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

关键词：

【中文标题】从 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”

【讨论】：

java示例代码_将两个数组放入迭代器中，一步一步地进行

java示例代码_将两个数组放入迭代器中，一步一步地进行 查看详情

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

】一步一步地从shell执行一个python包，例如调试模式[重复]【英文标题】：executeapythonpackagefromtheshellstepbystepe.g.debuggingmode[duplicate]【发布时间】：2021-01-2014:31:08【问题描述】：我想观察在shell中执行的包中的数据流。是freqtradebot。... 查看详情

markdown一步一步地在xcode中创建一个好的项目环境(代码片段)

查看详情

一步一步地深入浅出地实现状态机框架(代码片段)

目标场景假设我们现在有一个设备控制程序，上面有运行、暂停和停止三个按钮，并且我们已实现了对应的逻辑控制代码，如下图： voidon_pushButton_Run_clicked() setState("启动运行"); run(); setState("运行中"... 查看详情

java示例代码_你能一步一步地解释一下如何在Jboss7的ejb模块中使用log4j吗。1.

java示例代码_你能一步一步地解释一下如何在Jboss7的ejb模块中使用log4j吗。1. 查看详情

手把手教你解决循环依赖，一步一步地来窥探出三级缓存的奥秘(代码片段)

先不去管Spring中的循环依赖，我们先实现一个自定义注解，来模拟@Autowired的功能。一、自定义注解模拟@Autowired自定义Load注解，被该注解标识的字段，将会进行自动注入/***@authorqcy*@create2021/10/0213:31:20*/... 查看详情

一步一步地深入浅出地实现状态机框架(代码片段)

目标场景假设我们现在有一个设备控制程序，上面有运行、暂停和停止三个按钮，并且我们已实现了对应的逻辑控制代码，如下图： voidon_pushButton_Run_clicked() setState("启动运行"); run(); setState("运行中"... 查看详情

自己动手一步一步安装hadoop（含编译hadoop的native本地包）

近期项目须要用到hadoop。边学习边应用，第一步无疑是安装hadoop。我安装的是hadoop-2.4.1。以下是具体步骤，做备忘以后查看一、下载依赖软件1、java hadoop官网说明仅仅支持java6和7，下载最新的java7http://download.oracle.com/otn-pub/jav... 查看详情

如何在openGL中制作一步一步的显示动画？

】如何在openGL中制作一步一步的显示动画？【英文标题】：HowtomakeastepbystepdisplayanimationinopenGL?【发布时间】：2012-10-2121:13:59【问题描述】：？我正在做一个reprap打印机项目来读取GCode文件并将其解释为图形。现在我很难一步一步... 查看详情

《自己动手写docker》pdf

...网盘下载本书在详细分析Docker所依赖的技术栈的基础上，一步一步地通过代码实例，让读者可以自己循序渐进地用Go语言构建出一个容器的引擎。不同于其他Docker原理介绍或代码剖析的书籍，本书旨在提供给读者一条动手路线，... 查看详情

react native - 使用 PayPal v2/订单付款

】reactnative-使用PayPalv2/订单付款【英文标题】：reactnative-paymentwithPayPalv2/orders【发布时间】：2020-05-2615:37:43【问题描述】：我正在ReactNative中实现PayPal，遵循PayPalPaymentsv2API的文档这是我结帐的一步一步：使用https://api.sandbox.paypal.c... 查看详情

ansible一步一步从入门到精通

一：安装ansiblemac：1.安装Homebrew(gettheinstallationcommandfromtheHomebrewwebsite).2.安装Python2.7.x(brewinstallpython).3.安装Ansible(sudopipinstallansible).linux：如果系统中安装了python-pip和python-devel，你可以使用pip安装ansib 查看详情

react-native init 项目警告和错误

】react-nativeinit项目警告和错误【英文标题】：react-nativeinitprojectwarningsanderrors【发布时间】：2018-10-1518:22:32【问题描述】：我总是用原生的方式为Android和iOS开发我的项目，但是在很多人跟我谈论react-native之后，我决定试一试。但... 查看详情

如何在默认情况下按顺序播放视频列表，而无需单击下一步按钮，使用 react native cli 从设备的本地文件访问

...按顺序播放视频列表，而无需单击下一步按钮，使用reactnativecli从设备的本地文件访问【英文标题】：Howtoplaylistofvideossequentiallybydefaultwithoutclickingnextbuttonaccessingfromlocalfilesofthedeviceusingreactnativecli【发布时间】：2020-03-2716:54:52【问... 查看详情

ansible一步一步从入门到精通

一：本地基础测试环境搭建使用vmware或者virtualbox创建一个linux虚拟机（我的是centos6.6），关闭iptables和selinux将上面的服务器地址加入上一篇bolg的hosts文件中exampegroup中同样配置ssh秘钥验证二：你的第一个playbook新建ntp.yml如下:---&nb... 查看详情

ansible一步一步从入门到精通上

一：一个简单的Playbookplaybook比起shell脚本的优势，是幂等性，值得是运行一次和多次的结果都是一样的，不会对系统有影响一个简单的playbook：  1 ---  2 - hosts:  all  3   tasks: ... 查看详情

带你一步一步的解析arouter源码(代码片段)

ARouter是阿里推出的一款页面路由框架。由于项目中采用了组件化架构进行开发，通过ARouter实现了页面的跳转，之前看它的源码时忘了写笔记，因此今天来重新对它的源码进行一次分析。（顺手留下GitHub链接，需要获取相关面试... 查看详情

webpack4配置详解之一步一步跟我做(代码片段)

...配置自定属于自己的脚手架，或对已封装好的脚手架有进一步的巩固，接下来苏南会详细讲解webpack中的每一个配置字段的作用(部分 查看详情