代码之家  ›  专栏  ›  技术社区  ›  sbqq

开发模式下,Cordova+与热重新加载反应

  •  2
  • sbqq  · 技术社区  · 7 年前

    我发现了这个问题 Cordova with Create-react-app

    当我处于开发模式并且应用程序在android仿真器中运行时,我能实现实时重新加载吗?我害怕每次我想看到变化时都要构建应用程序。

    cordova是否能够观看在开发模式下运行的react应用程序并从中读取源代码 index.js 倾听变化?

    1. 创建cordova项目。
    2. 在/www文件夹(或与我的用例一起工作的任何其他文件夹)内创建react项目。
    3. 运行 cordova run android 在Android模拟器和 npm start
    4. cordova应该能够监听更改,并在Android模拟器中实时重新加载react应用程序。
    5. 我需要能够访问cordova实例在react代码中使用插件等。

    我发现了一些与webpack服务器开发(使用webpackv1…)相关的解决方案,但它们似乎都不起作用,我需要重新启动 cordova运行android

    真的吗 npm build 然后 cordova运行android 开发cordova+react应用程序的唯一方法??

    注1:我想使用SQLite cordova plguin,所以只在浏览器模式下开发,然后在android/ios上构建应用程序,我认为这不是我的情况。你有什么建议吗?

    注2:我不能使用react native,因为我需要使用openlayers maps lib。

    非常感谢你的回答!

    1 回复  |  直到 7 年前
        1
  •  2
  •   Salim    7 年前
    1. 使用运行webpack dev server --host 0.0.0.0 从外面进入
    2. 改变你的配置.xml并使 <content src="..." /> 指出你的本地IP地址和你的开发端口,例如。 <content src="http://192.168.0.2:3000/" />
    3. <allow-navigation href="http://192.168.0.2:3000/*" />
    4. 如果您需要本地功能,请通过 cordova ,您需要在您的dev服务器中提供所有cordova和cordova插件javascript文件。请检查此答案(符号链接部分): https://stackoverflow.com/a/46545408/1930339