我正在使用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()功能的作用,我找不到任何相关信息.
问题描述:
我为一个打字稿类编写了两个测试。这两个测试都通过了,所以 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) 我试图实现与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
我在开发模式(观察)下使用 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) 你好,我正在尝试使用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) 我有一个与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) 我正在尝试设置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 ×3
node.js ×3
webpack ×2
android ×1
angular ×1
babel-jest ×1
css-loader ×1
docker ×1
expo ×1
express ×1
jestjs ×1
mongodb ×1
nodemailer ×1
observable ×1
react-native ×1
reactjs ×1
rxjs ×1
ts-jest ×1
typescript ×1