小编Ash*_*ury的帖子

Tailwind 预检后加载 mantine 样式

我试图同时使用 Mantine 和 Tailwind,但是 Tailwind 的“飞行前”基本样式会覆盖 Mantine 的,导致一个简单的按钮不可见。

在此输入图像描述

您可以禁用预检:

  corePlugins: {
    preflight: true
  }
Run Code Online (Sandbox Code Playgroud)

但我宁愿保持启用状态并根据此建议加载 Mantine CSS 。

有什么办法可以指定这个顺序吗?

reactjs next.js tailwind-css mantine

16
推荐指数
1
解决办法
6188
查看次数

PostgreSQL数据库中的整数超出范围

我正在尝试保存一个代表文件长度的数字(4825733517).该列设置为整数.我没有设置任何验证或限制.

RangeError: 4825733517 is out of range for ActiveRecord::ConnectionAdapters::PostgreSQL::OID::Integer with limit 4
Run Code Online (Sandbox Code Playgroud)

我应该使用其他列类型来获取此值吗?(在轨道4.2.4)

postgresql activerecord ruby-on-rails

14
推荐指数
2
解决办法
8414
查看次数

将引导程序添加到Vue CLI项目

我是Vue和webpack的新手,我很难搞清楚如何导入东西.

我通过vue init添加bootstrap 4 创建了一个新的Vue项目yarn add bootstrap@4.0.0-alpha.6

main.js中我尝试导入bootstrap和jquery:

import Vue from 'vue';
import jQuery from 'jquery';
import bootstrap from 'bootstrap';
import App from './App';
import router from './router';
Run Code Online (Sandbox Code Playgroud)

但我得到:

未捕获的错误:Bootstrap的JavaScript需要jQuery.必须在Bootstrap的JavaScript之前包含jQuery.

window.jQuery = window.$ = $;工作

最后,我在哪里以及如何加载Sass以便整个应用程序可以使用它?

twitter-bootstrap vue.js

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

如何为Gatsby提供GraphQL架构

我们从Wordpress后端引入一些帖子,有些有图片(在ACF字段中),有些则没有.问题是盖茨比根据它收到的第一个节点推断出架构.如果它收到没有图片的节点,那么架构是错误的.

Gatsby的GraphQL架构来自哪里? 使用Gatsby,我们使用从不同来源获取数据的插件.然后,我们使用该数据自动推断GraphQL架构.

我们怎样才能为GraphQL/Gatsby指定一个总是包含图片的模式,如果它是空白的话,将'null'作为默认值?

{
  allWordpressWpTestimonial {
    edges {
      node {
        id
        title
        acf {
          photo_fields {
            photo {
              id
              localFile {
                childImageSharp {
                  sizes {
                    src
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

在上面的例子中,有时候"照片"不存在,它会破坏一切......

盖茨比配置:

const innertext = require('innertext')
const url = require('url')

module.exports = {
  siteMetadata: {
    title: 'Test',
    googleMapsAPIKey: 'xxxxxx',
    adminBaseUrl: '123.123.123',
    adminProtocol: 'http',
  },
  pathPrefix: '/web/beta',
  plugins: [
    'gatsby-plugin-react-next',
    'gatsby-plugin-react-helmet',
    'gatsby-plugin-sharp',
    'gatsby-plugin-svgr',
    {
      resolve: 'gatsby-plugin-google-analytics',
      options: {
        trackingId: 'GOOGLE_ANALYTICS_TRACKING_ID',
      },
    },
    {
      resolve: …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs graphql gatsby

13
推荐指数
1
解决办法
2325
查看次数

返回重复记录(activerecord,postgres)

我有以下查询返回重复的标题,但是:idnil:

Movie.select(:title).group(:title).having("count(*) > 1")

[#<Movie:0x007f81f7111c20 id: nil, title: "Fargo">,
#<Movie:0x007f81f7111ab8 id: nil, title: "Children of Men">,
#<Movie:0x007f81f7111950 id: nil, title: "The Martian">,
#<Movie:0x007f81f71117e8 id: nil, title: "Gravity">]
Run Code Online (Sandbox Code Playgroud)

我尝试添加:id到select和group但它返回一个空数组.如何归还整个电影记录,而不仅仅是标题?

postgresql activerecord ruby-on-rails

7
推荐指数
1
解决办法
3228
查看次数

总结 zod 验证以供重用

我正在制作与我同事类似的表格,但有一些额外的字段。我已经获取了他的 zodObject 并用额外的字段扩展了它。

他使用了一堆 .refine 调用来验证他的表单,但我想包装该逻辑并在我的表单上使用它。

提取该逻辑以便我们双方都可以使用的最佳方法是什么?

例如,对车辆进行验证并扩展汽车对象:

export const vehicleZodObject = z.object({
  name: z.string(),
  engine: type: z.enum(['electric', 'combustion']),
})


export const carZodObject = vehicleObject.extend({
  wheels: z.number().min(4),
})
Run Code Online (Sandbox Code Playgroud)

他有很多refine调用链接到他的车辆对象,如下所示:

 .refine((data) => isUnique(data.name), {
      message: 'Characters must be unique',
    })
Run Code Online (Sandbox Code Playgroud)

我需要能够捆绑这些精炼链并在两个 zod 对象上使用它们。

typescript zod

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

重命名哈希中的某个键

我有一个car_details包含 2000 个条目的列,每个条目都是一个信息散列,如下所示:

{"capacity"=>"0",
 "wheels"=>"6",
 "weight"=>"3000",
 "engine_type"=>"Diesel",
 "horsepower"=>"350",
 "fuel_capacity"=>"35",
 "fuel_consumption"=>"30"}
Run Code Online (Sandbox Code Playgroud)

有些车的细节更多,有些车的细节更少。我想将每辆拥有该钥匙的汽车的"fuel_consumption"钥匙重命名为"mpg"

ruby hash ruby-on-rails

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

Sidekiq在成功之前失败很多

我已经将sidekiq设置为after_commit运行,但是使用失败了(接近)100%ActiveRecord::RecordNotFound: Couldn't find User with id=42635

在最长的时间内,我认为它已连接到错误的redis数据库,但是retry: true打开后,我发现它最终会在大约10分钟后成功。

这很奇怪,因为我可以在管理面板中看到我们的用户ID失败,但是sidekiq仍然会失败一段时间,然后最终重试即可。我不知道是什么原因造成的,我想让它在第一次尝试中成功。

编辑: 使用AWS,下面的示例sidekiq调用和worker:

在UserObserver中:

  def after_commit(user)
    if user.created_at == user.updated_at
      @user = user
      identify_and_track
    end
Run Code Online (Sandbox Code Playgroud)

...

def identify_and_track
  IdentifyAndTrackUserWorker.perform_async(@user.id)
end
Run Code Online (Sandbox Code Playgroud)

Sidekiq工作人员:

class IdentifyAndTrackUserWorker
  include Sidekiq::Worker
  sidekiq_options retry: true

  def perform(user_id)
    @user = User.find user_id
    Analytics.identify(
      user_id: user_id,
      traits: { email:      @user.email,
                first_name: @user.first_name,
                last_name:  @user.last_name
              }
    )
  end
end
Run Code Online (Sandbox Code Playgroud)

ruby-on-rails redis sidekiq

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

自动将资产上载到S3,而无需asset_sync

我只是第一次将其部署到Heroku,除了我的映像外,这些资产还可以工作。当我发现这个要点时,我正在阅读有关如何将资产移动到s3(然后将它们缓存到cloudfront中)的信息:

https://gist.github.com/schneems/9374188 “我讨厌asset_sync”

使用资产同步可能会导致故障,难以调试,不需要和增加额外的复杂性。不要使用它。而是使用https://devcenter.heroku.com/articles/using-amazon-cloudfront-cdn

问题是,我找不到像gem一样自动同步资产的方法。什么是使用asset_sync gem的最佳选择?

ruby ruby-on-rails heroku amazon-s3

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

pg_search搜索词的完全匹配

当试图在文档中找到"Harrison Ford"时,pg_search将返回包含"Harrison"和"Ford"的任何文本,例如:

  pg_search_scope :search_by_full_name, :against => [:first_name, :last_name]
Run Code Online (Sandbox Code Playgroud)

People.search_by_full_name("哈里森福特")

可以返回:

乔治哈里森驾驶福特福克斯

我怎样才能确保只'Harrison Ford'返回完全匹配?

ruby postgresql full-text-search ruby-on-rails pg-search

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