DropDown не отображается при запуске npm run - PullRequest
Новая
       24

DropDown не отображается при запуске npm run

0 голосов
/ 07 июня 2019

Я очень новичок, чтобы реагировать, и я нахожу трудности, чтобы решить ошибку. Когда я запускаю свой код с npm start, отображается выпадающий список, но когда я собираю свой код с помощью npm run build, он выдает ошибку. Мне нужна помощь для этого.

Ошибка: не удалось загрузить ресурс: сервер ответил с состоянием 404 (не найдено) CountrySearch.js: 18 Uncaught (в обещании) SyntaxError: Неожиданный токен <в JSON в позиции 0 на CountrySearch.js: 18 </p>

Country.js 

class Country extends React.Component {
    constructor() {
        super();
    }

    render () {
        let countries = this.props.state.countries;
        let optionItems = countries.map((country) =>
                <option key={country.COUNTRY_NAME}>{country.COUNTRY_NAME}</option>
            );

        return (
         <div>
             <select className="DrpDownSelectstyle">
                {optionItems}
             </select>
         </div>
        )
    }
}

CountrySearch.js 

import Country from './Country';

class CountrySearch extends Component {
    constructor() {
        super();
        this.state = {
            countries: [],
        };
    }

componentDidMount() {
    let initialCountry = [];
    fetch('/wwsnr/webservices/pswebapi/api/GetCountries')
        .then(response => {
        return response.json();
        })
        .then(json => {
        initialCountry = json.map((country) => {
            return country
        });
        console.log(initialCountry);
        this.setState({
            countries: initialCountry,
        });
    });
}

render() {
    return (
        <div>
            <i><b>Search a country or region:</b></i>
            <div className="List">
                <Country state={this.state}/>
            </div>
        </div>

    );
}
...