小编Mat*_*att的帖子

我在 node.js 应用程序中使用Heroku Postgres数据库和knexjs作为 SQL 查询构建器。我尝试运行最新的knex 迁移，但出现错误relation already exists。当我尝试通过 sql 命令创建表时CREATE TABLE，它可以正常工作。

knexfile.js

// Update with your config settings.

require('dotenv').config({ path: require('find-config')('.env') });

module.exports = {
  development: {
    client: 'pg',
    useNullAsDefault: true,
    connection: process.env.DATABASE_URL,
    searchPath: ['knex', 'public'],
  },

  staging: {
    client: 'postgresql',
    connection: {
      database: 'my_db',
      user: 'username',
      password: 'password'
    },
    pool: {
      min: 2,
      max: 10
    },
    migrations: {
      tableName: 'knex_migrations'
    }
  },

  production: {
    client: 'postgresql',
    connection: { …

我尝试向元素添加keySplines, values, keyTimes属性animate来模拟缓动动画。缓和效果不起作用。

提琴手

HTML

<svg xmlns="http://www.w3.org/2000/svg" id="arrow-slider-1" viewBox="0 0 766 22" width="766" height="22" fill="black" stroke="black">
   <path d="M765 22 765 15 L39 15 L25 0 L11 15 L0.5 15 L0.5 21.5 Z">
      <animate class="triangle-animation" attributeType="XML" attributeName="d" from="M765 22 765 15 L39 15 L25 0 L11 15 L0.5 15 L0.5 21.5 Z" to="M765,22L765,15L505.00002429484215,15L490.00002429484215,0L475.00002429484215,15L0.5,15L0.5,21.5" dur="4s" repeatCount="1" fill="freeze" keySplines=" 0.1 0.8 0.2 1; 0.1 0.8 0.2 1; 0.1 0.8 0.2 1; 0.1 0.8 0.2 1; 0.1 0.8 …

我想在Bootstrap 2.3.2中的Bootstrap Filestyle插件中更改文件字段的按钮文本,但它不起作用,按钮文本仍然是默认的.我通过替换jquery中的元素来创建文件字段,并尝试按属性data-buttonText或方法设置文本$("#changeAccountsSourceModal :file").filestyle('buttonText', 'Choose address');

jsfiddle样本

文件字段

$("#changeAccountsSourceModal .form-horizontal").replaceWith("<input type=\"file\" class=\"filestyle\" data-input=\"true\" data-buttonText=\"Choose address\">");

$("#changeAccountsSourceModal :file").filestyle();

我想在我的 portlet 应用程序中使用 Ehcache。如果我想从缓存中删除数据，最好使用@CacheEvictor @TriggersRemove?

根据文档，@CacheEvict和@TriggersRemove注释看起来非常相似。

我使用webpack并有一个简单的反应应用程序,我想使用react-autosuggest组件.当我想在我的应用程序中使用此组件时,我收到错误:

Uncaught Error: Invariant Violation: addComponentAsRefTo(...): Only a ReactOwner can have refs. This usually means that you're trying to add a ref to a component that doesn't have an owner (that is, was not created inside of another component's `render` method). Try rendering this component inside of a new top-level component which will hold the ref.

index.jsx

var React = require('react')
var Autosuggest = require('react-autosuggest')

var autoCompleteItems = ['item1', 'item2', 'item3', 'item4', 'item5', 'item6'];

function getSuggestions(input, callback) { …

我使用 webpack (1.12.2)、react (0.14.2)、react-router (1.0.0-rc4) 和History (1.13.0) 库。

当我使用 webpack 构建项目时，在 google chrome 控制台中出现错误：

Uncaught SecurityError: Failed to execute 'replaceState' on 'History': A history state object with URL 'file:///Users/and/devel/Wond/index.html' cannot be created in a document with origin 'null'.

在createBrowserHistory.js第 41 行。

在我的源代码（index.jsx）中，我使用 createBrowserHistory：

var createBrowserHistory = require('history/lib/createBrowserHistory');
let history = createBrowserHistory();

ReactDOM.render(<Router routes={routes} history={history} />, document.getElementById('content'));

我在 Node.js 后端使用PostgreSQL和objection.js for ORM。我只有两个具有一对一关系的简单表。我无法在表中插入新记录。

我有一个带有员工和工资表的简单数据库模式：

CREATE TABLE employee (
    employee_id SERIAL PRIMARY KEY,
    employee_name VARCHAR
);

INSERT INTO employee (employee_name) VALUES ('james');

CREATE TABLE salary (
  salary_id SERIAL PRIMARY KEY,
  employee_id SERIAL UNIQUE,
  FOREIGN KEY (employee_id) REFERENCES employee (employee_id),
  amount integer
);

如果我想通过 objection.js 创建新的工资记录：

Salary.query()
          .insert({ employee_id: 1, amount: 10 })
          .then((data) => {
            console.log(data);
          })
          .catch((err) => {
            throw err;
          });

我得到错误：

Unhandled rejection error: column "id" does not exist
at Connection.parseE (./node_modules/pg/lib/connection.js:546:11)
at …

我不知道如何解决 CircleCI 配置文件中的错误。

配置.yml

version: 2.1
executors:
  node-executor:
    docker:
      - image: circleci/node:14.9.0
commands:
  gatsby-build:
    steps:
      - checkout
      - restore_cache:
          keys:
            - yarn-cache-{{ checksum "yarn.lock" }}
      - run:
          name: Install Dependencies
          command: yarn install
      - save_cache:
          key: yarn-cache-{{ checksum "yarn.lock" }}
          paths:
            - ./node_modules
      - run:
          name: Gatsby Build
          command: yarn build
workflows:
  version: 2
  build-deploy:
    jobs:
      - release:
          filters:
            branches:
              only:
                - master
jobs:
  release:
    executor: node-executor
    working_directory: ~/tau-guide-website
    steps:
      - gatsby-build
      - run:
        name: Deploy
        command: |
          #upload all …

我有一个line元素和一个path元素。我想将它们合并为一个path元素，但我没有 svg 绘图的经验。

我怎样才能将这两个 svg 元素合并为一个viewport/viewBox，其中“顶点” of与ofvert-line-2相连。y2vert-line-1

.svg-wrapper{
  width: 55px;
  height: 55px;
  font-size: 0;
}

.play-vert-line{
  width: 100%;
}

.line-join{
  position: relative;
  left: 25px;
  fill: none;
}

<div class="svg-wrapper">
   <svg class="play-vert-line" height="17">
      <defs>
         <linearGradient id="vert-gradient" gradientUnits="userSpaceOnUse" y1="0%" y2="100%" x1="0" x2="0">
            <stop stop-color="#3A9AFC"></stop>
            <stop stop-color="#3c3c3c"></stop>
         </linearGradient>
      </defs>
      <line id="vert-line-1" x1="50%" y1="0" x2="50%" y2="17" stroke="url(#vert-gradient)" stroke-width="2"></line>
   </svg>
   <svg class="line-join" height="15" width="15" viewBox="-1.3 0 15 15">
      <defs>
         <linearGradient id="vert-join-gradient" gradientUnits="userSpaceOnUse" y2="100%" …

我正在尝试在React Native中设置边框颜色的动画，但是动画不起作用。边框颜色都不ORIGINAL_COLOR = '#a0a0a0'是SUCCESS_COLOR = '#008FEB'，而是黑色。ORIGINAL_COLOR = '#a0a0a0'如果隐藏了SUCCESS_COLOR = '#008FEB'键盘并且出现了键盘，如何设置默认颜色？

const styles = StyleSheet.create({
  inputContainer: {
    borderBottomWidth: 1,
  },
});

<Input
  containerStyle={styles.inputContainer}
  underlineColorAndroid="transparent"
/>;

Input.jsx

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { TextInput, Text, View, Animated, Keyboard } from 'react-native';
import styles from './styles';

const SUCCESS_COLOR = '#008FEB';
const ORIGINAL_COLOR = '#a0a0a0';

export default class Input extends Component {

  constructor(props) {
    super(props);
    this.color = new Animated.Value(ORIGINAL_COLOR); …