小编cbl*_*bll的帖子

Webpack:ES6语法使模块构建失败:SyntaxError:意外的令牌

我正在尝试使用fixed-data-table的示例,并将其与webpack捆绑在一起.

我正在使用babel-loader和我的代码,否则捆绑没有问题.

webpack根据我的知识运行指向错误的是ES6语法(不是ES5)的一部分... ...,例如:

render() { var {sortDir, children, ...props} = this.props;

...props具体.

这是我的webpack配置:

"use strict";

var webpack = require("webpack");

module.exports = {
    entry: {
        app: './app.js',
        vendor: ["fixed-data-table","react","react-dom","jquery", "bootstrap", "vis", "chart.js"],
    },
    output: { path: "./", filename: 'bundle.js' },

    plugins: [
        new webpack.optimize.CommonsChunkPlugin(/* chunkName= */"vendor", /* filename= */"vendor.bundle.js"),
        new webpack.ProvidePlugin({
            $: "jquery",
            jQuery: "jquery"
        })
    ],

    module: {
        loaders: [
            {
                test: /.js?$/,
                loader: 'babel-loader',
                exclude: /node_modules/,
                query: {
                    presets: ['es2015', 'react']
                }
            }
        ] …
Run Code Online (Sandbox Code Playgroud)

javascript bundle webpack fixed-data-table

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

React - 如何访问另一个组件中的函数?

我的结构是这样的:

       <ParentComponent />
 <Child 1 />     <Child 2 />
Run Code Online (Sandbox Code Playgroud)

我有一个函数在<Child 1 />. 由于<Child 1 />控制网格布局,并且<Child 2 />是一个带有按钮的导航栏,我想要一个按钮,<Child 2 />可以在其中重置<Child 1 />.

我该如何实现这一目标?据我所知,refs只能在树上走一“步”,而不能向下走。

没有任何明显的方法可以从parent组件调用此函数。这里有什么办法吗?我能想到的所有解决方案都没有真正遵循 React 思维模式,即单向数据流。

refs reactjs

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

Spring类路径资源[applicationContext.xml]不存在,无法打开

我将放在applicationContext.xml与 Java 类相同的目录和包中。

执行以下操作来阅读它:

ClassPathXmlApplicationContext context = new ClassPathXmlApplicationContext("applicationContext.xml");
Run Code Online (Sandbox Code Playgroud)

然而,我一直遇到:

IOException parsing XML document from class path resource [applicationContext.xml]; nested exception is java.io.FileNotFoundException

我没有得到:文件在那里,与类位于同一目录中。它们甚至被编译成/out,我可以看到它就在那里。

我试过把它放进去,src/resources/applicationContext.xml但无济于事。

java xml spring

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

Jest + Typescript 如何测试 React 组件中的方法?

我正在使用 Typescript/React 创建 .tsx 组件。我想对 React 组件中的方法进行一些单元测试。说:

export default class SomeComponent extends React.Component<undefined, SomeComponentState> {

    someMethod = (string: someInput) => {
        return someInput + someInput;
    }
    render () .. // etc
}
Run Code Online (Sandbox Code Playgroud)

在 SomeComponent.test.tsx 文件中,如何导入并测试 someMethod,而不是整个组件本身?

我试过了:

import {someMethod} from "./someComponent"; 
Run Code Online (Sandbox Code Playgroud)

虽然没有运气 - 它似乎不可调用,并且会抛出 TS 错误:“组件没有导出成员 someMethod”

typescript reactjs jestjs

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

Vuex:[Vue警告]:已分配计算属性"用户名",但它没有设置器

我试图从全局vuex状态设置并获取用户名,密码和身份验证布尔值,并有条件地在导航栏中呈现一些元素.这是应该传递数据的登录组件:

<template>
  <div class="login" id="login">
    <b-form-input
      id="inputfield"
      v-model="username"
      type="text"
      placeholder="username">
    </b-form-input>
    <b-form-input
      id="inputfield"
      type="password"
      v-model="password"
      placeholder="password">
    </b-form-input>
    <b-button @click="login()" id = "inputfield" variant="outline-success">
      Login
    </b-button>
  </div>
</template>

<script>
  export default {
    name: 'login',
    computed: {
      username () {
        return this.$store.state.username
      },
      password () {
        return this.$store.state.password
      },
      loggedIn () {
        return this.$store.state.loggedIn
      }
    },
    methods: {
      login () {
        this.$store.dispatch('login', {
          username: this.username,
          password: this.password,
          isAuthed: true // just to test
        })
      }
    }
  }
</script>
Run Code Online (Sandbox Code Playgroud)

但是,当我在输入字段中输入任何内容时,Vue会为该字段发出警告(并且状态不会更新):

[Vue warn]: Computed …
Run Code Online (Sandbox Code Playgroud)

vue.js vuex vuejs2

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

如何大写JSON数组中的所有键?

我正在读书file.json.它是一个对象数组,示例:

[
{"id":123123,"language":"ja-JP","location":"Osaka"}
,{"id":33332,"language":"ja-JP","location":"Tokyo"}
,{"id":31231313,"language":"ja-JP","location":"Kobe"}
]
Run Code Online (Sandbox Code Playgroud)

我想操纵这个JSON文件中的某些键,以便它们以大写字母开头.含义

"language"成为"Language"每一个它的发现时间.到目前为止我所做的是创建一个表示每个对象的结构,如下所示:

type sampleStruct struct {
    ID                   int    `json:"id"`
    Language             string `json:"Language"`
    Location             string `json:"Location"`
}
Run Code Online (Sandbox Code Playgroud)

在这里,我定义了大写.意思是,id不应该大写,但locationlanguage应.

其余的代码是这样的:

func main() {
    if len(os.Args) < 2 {
        fmt.Println("Missing filename parameter.")
        return
    }

    translationfile, err := ioutil.ReadFile(os.Args[1])
    fileIsValid := isValidJSON(string(translationfile))

    if !fileIsValid {
        fmt.Println("Invalid JSON format for: ", os.Args[1])
        return
    }

    if err != nil {
        fmt.Println("Can't read file: ", os.Args[1])
        panic(err)
    }
}


func …
Run Code Online (Sandbox Code Playgroud)

json marshalling go

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

在Javascript / React中将对象转换为数组

使用REST,我正在检索JSON要转换为数组的对象(格式),以便可以将其插入表中。

这是在React的渲染功能中完成的。

从后端每N分钟更新一次输入。

如何将对象转换为数组?

我只需要值,而不是键,因为键已经预先在表本身中作为列值存在。

javascript arrays reactjs

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

Python 3:如何将警告和错误记录到日志文件中?

假设我有一个While永远运行的循环(它进行系统监控)。

它具备三个条件,

While True:

    if something1
        Everything is OK!
    if something2
        Warning
    if something3
        Error
Run Code Online (Sandbox Code Playgroud)

第一,我不想要任何东西。第二,我想向日志文件添加警告。对于第三个,相同 - 除了它是一个错误。

由于这些是在 while 循环中,我是否仍然可以将记录器添加到 something2 和 something3 中?我从下面开始吗?

import logging logger = logging.getLogger()

但是如何向每个相应的 if 语句添加警告和错误,以便写入相同的日志文件?

python logging python-3.x

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

使用十六进制值在反应样式背景色中添加不透明度?

我想将 Javascript 中变量的值解析为 Reactstyle属性。

但是,似乎只能通过该rgba值添加不透明度?

说我有:

const blueColor = "#2c8da9"

我现在想将它添加到 JSX 中的背景颜色属性中,不透明度为 0.2。我可以用 rgba 做到这一点,但它看起来不太好:

backgroundColor: rgba(blueColor, 0.2)

有没有办法实现相同的目标,直接引用十六进制值而不是使用rgba, 将不透明度直接输入到例如backgroundColor属性中?

javascript css reactjs

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

解析 JWT:验证 ID 令牌时出错:输入字节 0 处存在非法 base64 数据

我正在 GET 请求的请求标头中将 Firebase JWT 添加到我的 Google App Engine Go 服务。这是 JavaScript:

const response = await fetch(
                'https://some-app.appspot.com/_ah/data', {
                    method: 'get',
                    headers: {
                        'Authorization': 'Bearer ' + await Component.fetchJWT()
                    }
                });
Run Code Online (Sandbox Code Playgroud)

在端点托管的 Go 服务上,收到请求。但是,抛出错误:

error verifying ID token: illegal base64 data at input byte 0

以下是我处理 JWT 的方式:

func (ma *myapp) SomeHandler(w http.ResponseWriter, r *http.Request) {
    w.Header().Set("Content-Type", "application/json")
    reqToken := r.Header.Get("Authorization")
    splitToken := strings.Split(reqToken, "Bearer")
    reqToken = splitToken[1]
    fmt.Println(reqToken) // Prints the token correctly

    lib.VerifyIDToken(ma.fbapp, reqToken) // Error is thrown …
Run Code Online (Sandbox Code Playgroud)

javascript authentication go jwt

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

使用 json.marshal 时如何小写嵌套结构名称?

我正在使用一些数据公开 REST 端点。这是一个结构体,说:

type status struct {
    Config struct {
        Allow   bool `json:"allow"`
        Expired bool `json:"expired"`
    }
    Database struct {
        Healthy          bool   `json:"healthy"`
        WaitCount        int64  `json:"wait_count"`
    }
}
Run Code Online (Sandbox Code Playgroud)

我使用 json 标签来表示调用端点时结构字段的外观。使用上述内容,我得到以下有效负载作为响应:

{
    "Config": {
        "allow": false,
        "expired": false,
    },
    "Database": {
        "healthy": true,
        "wait_count": 1,
    },
}
Run Code Online (Sandbox Code Playgroud)

我希望 forConfigDatabase为小写,意思是configdatabase。但是,将它们更改为 Go 代码中的值意味着"encoding/json"包无法“看到”它们,因为它们没有导出到包范围之外。

如何将 json 响应负载中的嵌套结构小写?

json go

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