首页 > 解决方案 > 未捕获的语法错误:标识符“URL”已被声明

问题描述

这是我的代码,即使我将名称从 URL 更改为 API_URL,仍然是相同的错误。顺便说一句,我编写的代码只是为了了解 API 的工作原理和了解 Twitter API。在后端,我使用一个变量作为 const URL。那是我认为可能是由于后端和前端的同名错误。这就是为什么我尝试将名称从 URL 更改为 API_URL,但仍然无法正常工作。

const URL = "http://localhost:3000/tweets";


const onEnter = (e) => {
    if(e.key == "Enter"){
        getTwitterData();
    }
}

/**
 * Retrive Twitter Data from API
 */
const getTwitterData = () => {
    
    const query = document.getElementById("user-search-input").value;
    if(!query) return;
    const encodedQuery = encodeURIComponent(query);
    const fullurl =`${URL}?q=${encodedQuery}&count=10`;
    fetch(fullurl).then((response)=>{
        return response.json();
    }).then((data)=>{
        buildTweets(data.statuses);
    })
}

/**
 * Save the next page data
 */
const saveNextPage = (metadata) => {
}

/**
 * Handle when a user clicks on a trend
 */
const selectTrend = (e) => {
}

/**
 * Set the visibility of next page based on if there is data on next page
 */
const nextPageButtonVisibility = (metadata) => {
}

/**
 * Build Tweets HTML based on Data from API
 */
const buildTweets = (tweets, nextPage) => {
    let twitterContent = "";
    tweets.map((tweet)=>{
        twitterContent += `
        <div class="tweet-container">
                        <div class="tweet-user-info">
                            <div class="tweet-user-profile">

                            </div>
                            <div class="tweet-user-name-container">
                                <div class="tweet-user-fullname">
                                    Abhishek Sagar
                                </div>
                                <div class="tweet-user-username">
                                    @abhisheksagar_
                                </div>
                            </div>
                        </div>
                        <div class="tweet-images-container">
                            <div class="tweet-image">

                            </div>
                        </div>
                        <div class="tweet-text-container">
                            ${tweet.full_text}
                        </div>
                        <div class="tweet-date-container">
                            20 hours ago
                        </div>
                    </div>`
    })

    document.querySelector('.tweets-list').innerHTML = twitterContent;
    
}

/**
 * Build HTML for Tweets Images
 */
const buildImages = (mediaList) => {

}

/**
 * Build HTML for Tweets Video
 */
const buildVideo = (mediaList) => {

}

标签: javascriptidentifier

解决方案


推荐阅读