reactjs - @deviniti/jql-autocomplete-input 代码不起作用

Question

我正在使用 @deviniti/jql-autocomplete-input 包进行 jira jql 自动完成。请任何人帮助我如何使用这个组件

https://www.npmjs.com/package/@deviniti/jql-autocomplete-input

我已经安装了该软件包并尝试构建该示例代码..但我收到以下错误：

./node_modules/@deviniti/jql-autocomplete-input/src/JQLAutocompleteInput.jsx 14:18 模块解析失败：意外令牌 (14:18) 您可能需要适当的加载程序来处理此文件类型。| | JqlInvalidIcon() { | 返回 (|

import React from 'react';
import axios from 'axios';
import JQLAutocompleteInput from '@deviniti/jql-autocomplete-input';


class App extends React.Component {

    state = {
        inputValue: ''
    }

    fetchbyAxios(resourceUrl) {
        return axios.get(resourceUrl);
    }

    getSuggestionsRequest = fieldName => fetchbyAxios(`/rest/api/2/jql/autocompletedata/suggestions?fieldName=${fieldName}`);

    validationRequest = jql => fetchbyAxios(`/rest/api/2/search?startAt=0&maxResults=1&validateQuery=strict&fields=summary&jql=${jql}`);

    getAutocompleteDataRequest = () => fetchbyAxios('/rest/api/2/jql/autocompletedata');

    onJQLChange = (event) => {
        this.setState({
            inputValue: event.target.value
        })
    };

    render() {
        return (
            <JQLAutocompleteInput
                getAutocompleteDataRequest={this.getAutocompleteDataRequest}
                getSuggestionsRequest={this.getSuggestionsRequest}
                inputStyle="ak-field-text"
                initialValue={this.props.inputValue}
                inputId={this.props.inputId}
                label={'JQL'}
                onChange={this.onJQLChange}
                setValue={this.props.setValue}
                validationRequest={this.validationRequest}
        />
        );
    }
}

标签： reactjs

Answer 1

我有同样的问题...请尝试此导入

import JQLAutocompleteInput from '@deviniti/jql-autocomplete-input/dist/JQLAutocompleteInput';