小编Ria*_*ias的帖子

将本地Web应用程序包含在本机webview中

在我的react-native应用程序中,我想显示一个webview,它加载一个本地html5 Web应用程序(单页面应用程序,SPA).

我能够加载一个html文件,该文件位于相关文件夹webapp中

var webapp = require('./webapp/index.html');
Run Code Online (Sandbox Code Playgroud)

和

<WebView source={webapp}></WebView>
Run Code Online (Sandbox Code Playgroud)

正如我在此主题中所述:从设备本地文件系统响应本机webview加载

不幸的是,这个本地webapp的资产,如.js和.css文件,不是由webapp加载的.

在react-native app的开发过程中,这些文件可通过开发服务器获得.但是,当应用程序在iOS设备上打包并运行时,资产不可用(我在Safari开发人员工具中遇到404错误).

我怎样才能确保webapp文件夹中的所有资产(JS,CSS等)都在打包的app本地中可用.

javascript css webview single-page-application react-native

11
推荐指数
1
解决办法
2361
查看次数

如何将同步文件夹打包在无业游民的框中

到目前为止,我想要实现的目标: 我想创建一个自定义的无所事事的盒子,其中包括一个配置和一个应用程序,以在不同的客户端或服务环境中重用它。

具体来说,我设法创建了一个基于Ubuntu(precise / 64)的流浪汉盒子,该盒子已经安装了node.js,并将其打包到我的开发机器上,

流浪者包my-box --output filename.box

我能够将filename.box复制到远程服务器及其中vagrant up的框。Node.js已按预期安装在“无所事事”框中。

问题是,我无法将文件打包在synced文件夹中vagrant。启动远程服务器上的框后,同步的文件夹为空

因此,我在本地计算机上开发的应用程序未包含在包装盒中。

我试图找到解决方案或有关此行为的任何信息,但是除了未答复的帖子之外,我在网上找不到任何内容。

我的问题:

  1. 如何将文件保存在已同步的文件夹中,并将其打包在filename.box中,以便在服务器环境中重复使用。
  2. 这有可能吗?是我看到错误的行为还是Vagrant也不想打包文件?
  3. 到目前为止,我尚未对已同步的文件夹进行任何配置。是否可以从与常规文件夹不同的同步文件夹中打包文件/vagrant?
  4. 如果根本不可能,那么部署或重用无所不在的环境(包括应用程序)的最佳实践是什么?

web-deployment node.js vagrant vagrantfile

6
推荐指数
1
解决办法
1062
查看次数

如何知道是否在本机反应的设备或模拟器上运行

为了区分 React Native 中的开发模式和生产模式,定义了常量__DEV__,当 Debug = True 时。

是否定义了类似的常量,可以让我在代码中知道代码是在设备上还是在模拟器中运行?

我还能从哪里获得此类信息。

environment device ios-simulator react-native

6
推荐指数
2
解决办法
3804
查看次数

使用异步管道解析 Angular 模板中的自定义 rxjs 主题

我的 Angular 应用程序中有一个自定义 BehaviourSubject,它在我的模板中用作 Observable。

当我接下来调用该主题时,我希望模板中的主题能够得到解决。我使用async管道来侦听此主题中的异步更改。

我在 Stackblitz 中创建了一个示例来展示我遇到的问题:https ://stackblitz.com/edit/angular-kmou5e

在app.component.ts我创建的示例异步方法中,它将this.data在超时后设置一个值。一旦this.data设置,hello.component.ts就会被初始化并呈现。我收听OnChanges并HelloComponent调用next()中的自定义主题HelloComponent。

正如您在 的模板中所看到的,我希望一旦通过 获得值,HelloComponent观察到的主题customSubject$就会被渲染为。<h1>next()

您可以看到,调用了 的订阅customSubject$,如日志中所示。只有模板不会渲染此 Observable/Subject。

使用自定义时如何获取模板进行渲染Subject?我需要使用不同的管道吗?

仅供参考:我还尝试使用combineLatest 将Subject 的值分配给新的Observable,但效果不佳。

observable rxjs behaviorsubject angular

6
推荐指数
1
解决办法
6896
查看次数

使用参数'()'和关键字参数'{}'找不到'password_change_done'的反转

背景

我试图在Django项目中自定义身份验证视图,但我似乎无法运行自定义的password_change视图.我使用Django 1.8.2和Python 2.7.

在urls.py我的模块userauth如下所示:

from django.conf.urls import patterns, include, url

urlpatterns = patterns('django.contrib.auth.views',
    url(r'^login/$', 'login', {'template_name': 'userauth/login.html'},
        name='userauth_login'),
    url(r'^logout/$', 'logout', {'next_page': '/'},
        name='userauth_logout'),
    url(r'^password-change/$', 'password_change',
        {'template_name': 'userauth/password_change_form.html'},
        name='userauth_password_change'),
    url(r'^password-change-done/$', 'password_change_done',
        {'template_name': 'userauth/password_change_done.html'},
        name='userauth_password_change_done'),
)
Run Code Online (Sandbox Code Playgroud)

这在主要参考urls.py如下:

urlpatterns = [
    url(r'^admin/', include(admin.site.urls)),
    url(r'^account/', include('userauth.urls')),
]
Run Code Online (Sandbox Code Playgroud)

我的模板 userauth/password_change_form.html

{% extends "base.html" %}

{% block title %}{{ block.super }} - Change Password{% endblock %}

{% block toggle_login %}{% endblock %}

{% block content %}
<form action="{% url …
Run Code Online (Sandbox Code Playgroud)

python django django-authentication

5
推荐指数
2
解决办法
4921
查看次数

ng2-translate:无法在TranslatePipe.transform中读取未定义的属性"subscribe"

我在Angular 5项目中使用ng2-translate,我正在尝试为一个组件创建单元测试.我总是导入TranslateModule.forRoot( *...* )我的测试,测试将在我的视图中使用翻译管道.

但是在两种情况下,在单元测试期间会抛出上述错误:我认为其他工作测试没有任何差别.

×应该创建(44ms)TypeError:无法在Object上的TranslatePipe.transform(webpack:///./node_modules/ng2-translate/src/translate.pipe.js?:74:75)读取未定义的属性'subscribe'. eval [as updateRenderer](ng:///DynamicTestModule/MyComponent.ngfactory.js:127:70)at Object.debugUpdateRenderer [as updateRenderer](webpack:///./node_modules/@angular/core/esm5/core. js?:14951:21)checkAndUpdateView(webpack:///./node_modules/@angular/core/esm5/core.js?:14065:14)

这可能发生的原因是什么?我不使用TranslateService,但我在模板中使用管道.有没有人遇到同样的问题?

unit-testing testbed ng2-translate ngx-translate angular

5
推荐指数
1
解决办法
1461
查看次数