小编che*_*n99的帖子

ESLint - 未定义"窗口".如何在package.json中允许全局变量

我正在为全局窗口对象分配一个属性,但是当我运行eslint时,我得到了这个:

"窗口"未定义

在eslint docs中看到了这个:

以下将window定义为不应触发正在测试的规则的代码的全局变量:

valid: [
  {
    code: "window.alert()",
    globals: [ "window" ]
  }
]
Run Code Online (Sandbox Code Playgroud)

我已经尝试将这样的东西添加到package.json文件中以使eslint允许"window"作为全局变量,但我必须做错事.从文档看来,我可能需要在单独的文件中执行类似的操作,但有没有办法在package.json文件中定义一些允许的全局变量?

eslint

174
推荐指数
5
解决办法
10万
查看次数

如何避免在开发时使用Webpack重复加载两次

给定以下目录结构:

my-project
|
|-- node_modules
    |
    |-- react
    |-- module-x
        |
        |--node_modules
            |
            |--react
Run Code Online (Sandbox Code Playgroud)

您可以看到my-projectmodule-x都需要React.我有同样的问题,因为在描述这个问题,但建议是要从依赖的package.json反应.我这样做,只要在module-x中没有安装node_modules,它就能正常工作,因为Webpack将使用my-project中的 React .但是如果我正在开发module-x并且安装了node_modules,那么Webpack将使用my-projectmodule-x中的 React .

有没有办法让Webpack确保只使用一个React实例,即使它需要在两个不同的级别上?

我知道在开发时我可以将module-x保存在一个单独的目录中,但似乎我必须将它发布然后安装在my-project中进行测试,这样效率不高.我想过npm link,但它没有运气,因为它仍然在module-x中安装了node_modules .

听起来很像我遇到的同样的挑战,但看起来不像npm dedupe或者Webpack的重复数据删除选项可行.我可能不了解一些重要的细节.

npm reactjs webpack

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

JSON格式的Elasticsearch cat索引

使用Elasticsearch 1.7,我希望看到_cat/indicesJSON格式的结果.我理解结果是对齐/漂亮/可读的,但有没有办法使用Elasticsearch API将其转换为JSON?

elasticsearch

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

使用onClick函数将样式"cursor:pointer"应用于所有React组件

我想将样式cursor:pointer应用于具有onClick函数的所有React元素.我知道我可以对每个元素这样做:

<a onClick={handleClick} style={{cursor:'pointer'}}>Click me</a>
Run Code Online (Sandbox Code Playgroud)

或这个:

<a onClick={handleClick} className="someClassWithCursorPointer">Click me</a>
Run Code Online (Sandbox Code Playgroud)

但我宁愿能够做这样的事情来将风格应用到所有元素:

<style>
 [onclick] {
   cursor: pointer; 
  }
</style>
Run Code Online (Sandbox Code Playgroud)

但这不起作用,因为onclick在使用React的onClick属性时,元素的呈现HTML中没有实际属性.

小提琴:https://jsfiddle.net/roj4p1gt/

javascript css reactjs

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

React 16 Error Boundary组件(使用componentDidCatch)显示未捕获的错误

我使用create-react-app启动了一个应用程序,并且具有以下错误边界组件:

import React from 'react'

export default class ErrorBoundary extends React.Component {
  constructor(props) {
    super(props);
    this.state = { hasError: false };
  }

  componentDidCatch(error, info) {
    console.log('shouldnt I see this logged??')

    this.setState({ hasError: true });
  }

  render() {
    if (this.state.hasError) {
      return <h1>Something went wrong.</h1>;
    }

    return this.props.children;
  }
}
Run Code Online (Sandbox Code Playgroud)

我在此应用程序组件中使用它:

import React from 'react'
import ErrorBoundary from './ErrorBoundary'


class App extends React.Component {
  render() {
    return (
      <ErrorBoundary>
        <div>
          <button onClick={() => { throw …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs create-react-app

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

带有'datetime'xAxis的Highcharts图表 - 在钻取时使用类别

有没有办法在主系列上为xAxis类型设置'datetime',但是当点击一个系列时,让钻取使用那段时间的类别?

在这个jsfiddle示例(http://jsfiddle.net/kadams/3e3xqv7e/)中,您可以看到当"类别"用作xAxis类型时,向下钻取数据正确地使用了向下钻取系列名称"A","B"和xAxis上的'C'.但是当xAxis类型更改为"datetime"时,并且毫秒时间用于代替主要系列名称的"x"值,则向下钻取的类别不显示"A","B" '或'C'了.只是毫无意义的约会.

更新澄清 - 我更喜欢使用'datetime'类型而不是'category'类型,其值格式为日期,因为当x轴很大时,Highcharts会抛出'太多滴答'错误:http:// www .highcharts.com/errors/19.我在下面的小提琴中给出了'类别'类型示例,只是为了证明当类型不是'datetime'时'A','B','C'正确显示.

$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column',
        },
        xAxis: {
            type: 'category',
            //  type: 'datetime',
            dateTimeLabelFormats: {
                hour: '%l:%M %p'
            }
        },
        legend: {
            enabled: false
        },
        series: [{
            name: 'Total',
            colorByPoint: true,
            data: [{
                y: 8,
                drilldown: 'Bob',
                name: 'Bob', //used with 'category' xAxis type
                x: 1420700400000 //used with 'datetime' xAxis type
            }]
        }],
        drilldown: {
            series: [{
                id: 'Bob',
                name: 'Bob',
                data: [{
                    name: 'A', …
Run Code Online (Sandbox Code Playgroud)

javascript highcharts

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

Elasticsearch - 如何在config/scripts目录中存储脚本

我正在尝试在config/scripts目录中使用脚本.Elasticsearch的文档在这里说:

将脚本的内容保存为集群中每个数据节点上名为config/scripts/my_script.groovy的文件:

这看起来似乎很容易,但我担心我不明白如何将"groovy"文件"放在集群中的每个数据节点上".这通常是通过命令行以某种方式完成的,还是可以通过手动移动groovy文件来完成(例如在OSX上的Finder中)?我有一个测试索引,但是当我查看节点上的文件结构时,我很困惑在哪里放置groovy文件.请帮忙.

elasticsearch

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