小编rml*_*erd的帖子

Elasticsearch::UnsupportedProductError(客户端注意到服务器不是 Elasticsearch 支持的发行版

在 Mac 上将 searchkick 与 elasticsearch 结合使用时出现此错误。

Searchkick 版本:searchkick (4.5.2)

$ elasticsearch --version
warning: no-jdk distributions that do not bundle a JDK are deprecated and will be removed in a future release
Version: 7.10.2-SNAPSHOT, Build: oss/tar/unknown/2021-01-16T01:41:27.115673Z, JVM: 16.0.2
Run Code Online (Sandbox Code Playgroud)

重现

产品重建索引

ruby-on-rails elasticsearch searchkick

17
推荐指数
2
解决办法
3万
查看次数

无法加载资源:服务器在已部署的 React.js 项目中响应状态为 404(未找到)

当我将 React 项目部署到 Surge 中时,构建成功并且可以获取应用程序 URL。但是当我链接到 URL 时,我可以在检查控制台中看到一个空白页面和一些错误:

Failed to load resource: the server responded with a status of 404 (Not Found) 3.138a0231.chunk.css
Failed to load resource: the server responded with a status of 404 (Not Found) main.bd0d3f99.chunk.js:1
Failed to load resource: the server responded with a status of 404 (Not Found) main.bd0d3f99.chunk.css:1
Failed to load resource: the server responded with a status of 404 (Not Found)
Failed to load resource: the server responded with a status of 404 (Not …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs webpack

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

使用单个加载器动画反应路由器从多个组件预加载数据

我有一个应用程序需要具有动态标头,从获取请求加载外部文件。

用户登录后,他们将被定向到门户/portal。我将布局定义为:

export const UserLayout = ({ children }) => <div><Header /><div className="body">{children}</div></div>
Run Code Online (Sandbox Code Playgroud)

这包括一个包含动态链接的标头,然后允许传递路由,因此不会在每次页面更改时加载标头。

export const UserLayout = ({ children }) => <div><Header /><div className="body">{children}</div></div>
Run Code Online (Sandbox Code Playgroud)

/login标头在从 重定向到后首先加载/portal。我在 redux 中设置了一个全局加载器,它基本上在获取数据时显示全屏加载动画。

我遇到的主要问题是,如何在单个请求中加载应用程序的两个部分?

例如,标题加载 ajax 内容,显示 redux 加载动画,然后停止。然后路线加载,还显示 redux 加载动画,然后停止。这会产生闪烁效果。

同时加载主要部分和子部分的最佳方法是什么?

reactjs redux react-router-v4

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

幻灯片过渡在第一张幻灯片后停止工作

我正在创建一个滑块,当我按下上一个或下一个按钮时,图像应该以过渡效果进入。问题是过渡仅在页面首次加载时起作用,而在第一次渲染后不起作用。我需要在每次单击时进行转换,并将转换应用于部分元素类。如果有人知道解决方案请帮助我。

const SlideShowTop = (props) => {
  const [selectedIndex, setSelectedIndex] = useState(0);

  const previous = () => {
    if (selectedIndex !== 0) {
      setSelectedIndex((index) => index - 1);
    }
    if (selectedIndex === 0) {
      setSelectedIndex(props.slides.length - 1);
    }
  };

  const next = () => {
    if (selectedIndex !== props.slides.length - 1) {
      setSelectedIndex((index) => index + 1);
    }
    if (selectedIndex === props.slides.length - 1) {
      setSelectedIndex(0);
    }
  };

  const filteredSlide = props.slides.filter((data) => {
    return data.index === selectedIndex;
  });

  const …
Run Code Online (Sandbox Code Playgroud)

html javascript css reactjs

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

是的模式 - `when` 方法不起作用

最近我正在努力创建 yup 模式。因为我正在这样做,所以我发现该方法when()完全不适合我,就像文档所说的和我在互联网上找到的其他解决方案一样。当我的复选框被选中时,true架构上的所有字段都应该是required,但他们没有。正如我的示例所示,我尝试了三种方法,但没有一种有效。也许有人知道我做错了什么?

我的测试代码是:

import "./styles.css";
import * as yup from "yup";
import { FormProvider, useForm } from "react-hook-form";
import { yupResolver } from "@hookform/resolvers/yup";
import React, { useEffect } from "react";

export default function App() {
  const schema = yup.object({
    isRequired: yup.bool(),
    firstName: yup.string().when("isRequired", (_, schema) => {
      return schema.required();
    }),
    lastName: yup.string().when("isRequired", () => {
      return yup.string().required();
    }),
    contact: yup.string().when("isRequired", {
      is: true,
      then: yup.string().required("Required")
    })
  });

  const methods = useForm({
    mode: …
Run Code Online (Sandbox Code Playgroud)

schema reactjs yup react-hook-form

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

如何在blazor中订阅组件加载事件?

有人可以帮助我如何处理加载组件时的情况吗?

我想为已加载创建一个事件处理程序。blazor 的组件库中是否有任何加载的事件,或者我是否必须按照我想要的方式实现所有内容?

components blazor

2
推荐指数
1
解决办法
709
查看次数

得到“噢,快点!” :错误代码:内存不足'

我试图使用减速器构建简单的react-redux应用程序。但每次我打开网站时都会弹出此错误,并且无法打开控制台。我尝试清理 cookie 和缓存,但没有帮助。

每当我更改<Posts /><Form />为简单<h1>标签时,它都工作得很好,但我找不到错误。我在index.js中的代码:

import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import { createStore, applyMiddleware, compose } from 'redux';
import thunk from 'redux-thunk';

import { reducers } from './reducers/index.js';
import App from './App';

const store = createStore(reducers, compose(applyMiddleware(thunk)));

ReactDOM.render(
  <Provider store={store}>
    <App />
  </Provider>,
  document.getElementById('root'),
);
Run Code Online (Sandbox Code Playgroud)

应用程序.js

import React,{ useEffect, useState } from 'react';
import { Container, AppBar, Typography, Grid, Grow } from '@material-ui/core';
import …
Run Code Online (Sandbox Code Playgroud)

javascript reducers reactjs redux

0
推荐指数
1
解决办法
1969
查看次数