小编Dan*_*Dan的帖子

.eslintignore被create-react-app忽略?

我已经.eslintignore在我的create-react-app安装的根目录中放置了一个文件,因此可以忽略来自供应商库的警告。

如果我从命令行运行eslint,它将正常工作:

./node_modules/.bin/eslint src/js/vendor/jquery.js
...warnings ignored...
Run Code Online (Sandbox Code Playgroud)

但是运行npm startnpm run build似乎忽略了忽略文件。

在不编辑单个供应商文件以添加eslint选项的情况下,如何实现此处要执行的操作?

node.js eslint create-react-app

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

Gitlab 自动缩放:“无法请求作业:运行程序请求并发满足”

我们已经按照官方文档中的描述设置了一个 Gitlab 自动缩放主机。

gitlab-runner 实例可以工作,被 gitlab.org 识别,并且还成功生成运行器来执行作业。

然而,这些工作并没有在生成的跑步者身上真正开始。他们坚持在这一点上。

Gitlab 作业的 UI 视图

我们打开了调试级别日志记录,唯一看起来不愉快的消息是这些重复的消息:

msg="Failed to request job: runner requestConcurrency meet" 
Run Code Online (Sandbox Code Playgroud)

config.toml 看起来像这样:

concurrent = 20
check_interval = 10
log_level = "debug"
log_format = "text"

[session_server]
  session_timeout = 1800

[[runners]]
  name = "gitlab-runner-master"
  url = "https://gitlab.com/"
  token = "blabla"
  executor = "docker+machine"
  limit = 25
  [runners.custom_build_dir]
  [runners.cache]
    Type = "s3"
    Shared = true
    [runners.cache.s3]
       ServerAddress = "s3.amazonaws.com"
       AccessKey = "blabla"
       SecretKey = "blabla"
       BucketName = "gitlab.cache.dyynamo.net"
       BucketLocation = "us-east-1"
    [runners.cache.gcs]
    [runners.cache.azure]
  [runners.docker]
    tls_verify = …
Run Code Online (Sandbox Code Playgroud)

gitlab autoscaling gitlab-ci

7
推荐指数
0
解决办法
853
查看次数

如何设置语义UI下拉列表大小以匹配按钮等

语义UI有一种很好的方式将通用大小应用于很多东西,例如按钮(在语义UI React中):

<Button size="tiny"  />
Run Code Online (Sandbox Code Playgroud)

但是,下拉菜单在许多情况下看起来就像一个按钮,并与按钮放在一行中,似乎没有采用“ size”参数。

https://react.semantic-ui.com/modules/dropdown

是否有一个很好的方法将下拉列表中的大小与其他元素(例如,连续的按钮)相同?(即不仅摆弄自定义CSS,而且更易于维护)。

semantic-ui semantic-ui-react

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

在删除softDelete之后,Laravel仍希望找到deleted_at列

我刚刚使用此迁移从表中删除了softDelete:

   Schema::table("items", function ($table) {
      $table->dropSoftDeletes();
   });
Run Code Online (Sandbox Code Playgroud)

但现在每个查询都会产生:

Column not found: 1054 Unknown column 'items.deleted_at' in 'where clause' 
Run Code Online (Sandbox Code Playgroud)

代码没有明确引用此列.是否已在某处缓存,如果是,如何清除它?

php soft-delete laravel laravel-5

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

内容安全策略使用 iOS 客户端破坏站点

我最近开始在现有网站上使用 CSP 标头,它似乎对大多数用户都运行良好,但我现在收到了该网站未通过 iOS(Safari 和 Chrome)加载的报告,并且还可以确认我的古老 iPad 不能加载网站。

“违反指令”报告为:

"script-src 'self' 'nonce-sh7cn3n6shh36sa1' cdn.jsdelivr.net ..other uris
Run Code Online (Sandbox Code Playgroud)

即非常标准。

我环顾四周,发现有关iframe网络套接字的类似问题报告的报告但我的网站不使用其中任何一个,即标准的 HTML + Javascript。

整个 CSP 是:

Header set Content-Security-Policy-Report-Only "default-src 'self'; \
   script-src 'self' 'nonce-sh7cn3n6shh36sa1' cdn.jsdelivr.net \
              oss.maxcdn.com \
              ajax.googleapis.com \
              cdnjs.cloudflare.com \
              www.google-analytics.com;  \
   style-src 'self' 'unsafe-inline' \
              cdn.jsdelivr.net \
              cdnjs.cloudflare.com \
              maxcdn.bootstrapcdn.com; \
   font-src   'self' maxcdn.bootstrapcdn.com; \
   img-src    'self' data: www.google-analytics.com www.paypalobjects.com; \
Run Code Online (Sandbox Code Playgroud)

这里的最佳实践是什么?有什么方法可以确保 CSP 与所有浏览器和操作系统兼容(就像一个安全的子集?)。

我想使用它,但显然不知道可以使用什么是相当有问题的。需要“W3C CSP 兼容性测试”或类似的...

ios content-security-policy

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

d3.event 在 webpack 构建中为 null

我有一个可用的 D3/React/Webpack 系统,我试图通过不导入所有 D3 来减少构建大小。所以我有一个 d3Import.js 文件:

import { select, event } from 'd3-selection';
import { drag } from 'd3-drag';

export default { select: select, drag: drag, event: event };
Run Code Online (Sandbox Code Playgroud)

这是引用

import d3 from '../../d3Import.js';
Run Code Online (Sandbox Code Playgroud)

除了在拖动事件上查询事件外,一切都构建并运行良好(导入比上面显示的要多得多)。

onDrag = () => {
    const targetY = d3.event.y;
Run Code Online (Sandbox Code Playgroud)

这失败了

类型错误:_d3Import2.default.event 为空

当我在这里阅读建议时,我尝试为事件使用不同的名称

import { select, event as currentEvent } from 'd3-selection';
Run Code Online (Sandbox Code Playgroud)

...但没有变化。这一切都曾经与

import * as d3 from 'd3;
Run Code Online (Sandbox Code Playgroud)

但这似乎意味着在 bundle.js 中增加了 100k 左右。任何帮助表示赞赏!

javascript d3.js webpack

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

Eslint:如何禁用对给定文件的所有检查?

我在项目中有一些供应商JS库,我想禁用所有这些文件的Eslint检查.

我查看了文档,它描述了如何通过内联注释禁用检查,例如

/* eslint-disable */
Run Code Online (Sandbox Code Playgroud)

..但我宁愿不触摸文件,并通过例如本地.eslintrc文件配置Eslint.如何通过此类文件禁用上述所有检查,文档中未对此进行描述.

是否可能,如果是这样,.eslintrc文件会是什么样子?可以在给定目录中禁用所有检查.

javascript eslint

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