小编Ari*_*ult的帖子

.subscribe()函数有什么作用?

我正在使用Angular2和编写API NodeJS,我正在为我的API实现服务,它应该获取任务列表并显示它.这是任务服务:

import {Injectable} from '@angular/core';
import {Http, Headers} from '@angular/http';
import 'rxjs/add/operator/map';

@Injectable()
export class TaskService{
  constructor(private http:Http){
    console.log('Task Service Initialized...');
  }
  getTasks(){
    return this.http.get('http://localhost:3000/api/tasks')
      .map(res => res.json());
  }
}
Run Code Online (Sandbox Code Playgroud)

对于我的getTask函数(如果我错了,请纠正我)该.map()函数接受我的响应并将其格式化为值数组.现在,使用任务服务的任务组件:

import { Component } from '@angular/core';
import {TaskService} from '../../services/task.service';

@Component({
  moduleId: module.id,
  selector: 'tasks',
  templateUrl: 'tasks.component.html',
})
export class TasksComponent  {
  constructor(private taskService:TaskService){
    this.taskService.getTasks()
      .subscribe(tasks =>{
        console.log(tasks);
    })
  }
}
Run Code Online (Sandbox Code Playgroud)

我想了解这个.subscribe()功能的作用,我找不到任何相关信息.

javascript observable rxjs angular

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

Jest 通过测试但 --covering 选项不拾取文件

问题描述:
我为一个打字稿类编写了两个测试。这两个测试都通过了,所以 jest 成功地检索了测试文件。然后我使用 --coverage 选项,但似乎开玩笑没有在这里选择涵盖的文件。
这是我得到的输出:

api_jester    | PASS src/tests/repositories/user.test.ts
api_jester    |   User Repository
api_jester    |     ? it should return an empty array (18ms)
api_jester    |     ? should successfully create a user and return its data (7ms)
api_jester    | 
api_jester    | ----------|----------|----------|----------|----------|-------------------|
api_jester    | File      |  % Stmts | % Branch |  % Funcs |  % Lines | Uncovered Line #s |
api_jester    | ----------|----------|----------|----------|----------|-------------------|
api_jester    | All files |        0 |        0 |        0 |        0 |                   | …
Run Code Online (Sandbox Code Playgroud)

node.js typescript jestjs babel-jest ts-jest

12
推荐指数
1
解决办法
8042
查看次数

延迟捕获图像 - React Native Camera/Expo Camera

我试图实现与Facebook或Instagram相同的功能:立即
预览相机拍摄的图像

此时,调用此函数时我的摄取正确:

takePicture = async function() {
   if (this.camera && this.state.isConnected === true) {
      const options = { quality: 0, base64: false };
      const data = await this.camera.takePictureAsync(options);
      this.toLoading(data.uri);
   }
};
Run Code Online (Sandbox Code Playgroud)

如此处所示,摄像机质量选项设置为0,以确保问题不是由图像处理引起的.

我也将我的RNCamera道具设置为降低,如下所示:

      autoFocus={"off"}
      skipProcessing={true}
      type={"back"}
      flashMode={"off"}
      zoom={0}
      whiteBalance={"auto"}
      ratio={"16:9"}
Run Code Online (Sandbox Code Playgroud)

我在android和ios上测试了这个,即使ios似乎更快地执行它,它仍然不会立即执行.
有没有人能够使用react native重现facebook/instagram相机预览?我一直在寻找github回购,在我的情况下似乎有很多人,但仍然没有解决方案.我还注意到人们试图推出世博会项目以继续本机代码,但延迟仍然存在.

android react-native react-native-camera react-native-android expo

10
推荐指数
1
解决办法
1767
查看次数

构建目录中的 'hash'.hot-update.json 或 js 文件是什么

我在开发模式(观察)下使用 webpack-dev-server。每次服务器重新加载时,一些 json 和 js 文件都会挤满我的构建目录,如下所示:

'hash'.hot-update.json

{"h":"05e9f5d70580e65ef69b","c":{"main":true}}
Run Code Online (Sandbox Code Playgroud)

'hash'.hot-update.js

webpackHotUpdate("main",{

/***/ "./client/components/forms/SignIn.js":
/*!*******************************************!*\
  !*** ./client/components/forms/SignIn.js ***!
  \*******************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {

"use strict";
eval("\n\nObject.defineProperty(exports, \"__esModule\", {\n\tvalue: true\n});\n\nvar _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, …
Run Code Online (Sandbox Code Playgroud)

webpack webpack-dev-server

7
推荐指数
2
解决办法
5551
查看次数

nodemailer Transporter.templateSender 函数未定义

问题描述

你好,我正在尝试使用nodemailer的外部渲染器功能来使用html模板。因此,我为我的模板引擎导入 nodemailer 和 EmailTemplates,该引擎将是 pug。我使用适当的凭据创建我的传输器。
要创建模板基本发送器函数,我必须使用传输器的 templateSender 函数,该函数显然不存在,因为我收到未定义的函数错误。
此过程的文档链接: https: //community.nodemailer.com/2-0-0-beta/templated/
有人遇到过这个问题吗?也许这是一个问题,如果是的话,我会提交一个问题,但我更喜欢检查我的代码是否不是实际问题。

现有代码

import nodemailer from "nodemailer";
import EmailTemplate from "email-templates";

export default async function(userMail, typeOfMail, link) {
  const transporter = nodemailer.createTransport({
    port: process.env.SMTP_PORT,
    host: process.env.SMTP_SERVER_NAME,
    auth: {
      user: process.env.SMTP_USER,
      pass: process.env.SMTP_PASS
    }
  });
  console.log(transporter.templateSender)
  const sendAccountValidation = transporter.templateSender(
    new EmailTemplate("../email_templates/account_validation"),
    {
      from: process.env.SMTP_USER
    }
  );
  sendPwdReminder(
    {
      to: "dest@email.com",
      subject: "subject"
    },
    function(err, info) {
      if (err) {
        console.log("Error");
      } else {
        console.log("Password reminder sent");
      }
    }
  ); …
Run Code Online (Sandbox Code Playgroud)

javascript email-templates node.js nodemailer

6
推荐指数
0
解决办法
683
查看次数

docker-compose NodeJS + Mongodb with mongoose,动态获取mongo容器ip

我有一个与mongo容器链接的dockerized nodejs应用程序.这是dockerfile和docker-compose.yml:

FROM node:boron

# Create app directory
RUN mkdir -p /usr/src/app
WORKDIR /usr/src/app

# Install app dependencies
COPY package.json /usr/src/app/
RUN npm install

# Bundle app source
COPY . /usr/src/app

EXPOSE 3000
CMD [ "npm", "start" ]
Run Code Online (Sandbox Code Playgroud)
version: "2"
services:
  web:
    build: .
    volumes:
      - .:/usr/src/app
    ports:
      - "3000:3000"
    links:
      - mongo
  mongo:
    image: mongo
    ports:
        - "27017:27017"
Run Code Online (Sandbox Code Playgroud)

这是我的app.js通过mongoose工具处理mongo连接:

var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser'); …
Run Code Online (Sandbox Code Playgroud)

mongodb node.js express docker docker-compose

4
推荐指数
1
解决办法
2696
查看次数

在反应中使用导入的css文件的css样式上的无效属性值

我正在尝试设置React组件的样式。为此,我导入一个css文件并使用className,如ReactJs文档中所示。

我已经在我的webpack.config.js文件中添加了一个css-loader + style-loader,如下所述:

const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
  mode: "development",
  entry: "../src/index.js",
  output: {
    path: path.resolve(__dirname, "../dist"),
    filename: "bundle.js",
  },
  devtool: 'inline-source-map',
  devServer: {
    contentBase: '../dist',
    port: 8080
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /(node_modules|bower_components)/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-env', '@babel/preset-react']
          }
        }
      },
      {
        test: /\.css$/,
        use: [ 'style-loader', 'css-loader' ]
      }
    ]
  },
  plugins: [new HtmlWebpackPlugin(
    {template: '../src/index.html'}
  )]
}
Run Code Online (Sandbox Code Playgroud)

这是我的App.js React组件:

import …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs webpack webpack-style-loader css-loader

3
推荐指数
1
解决办法
1208
查看次数