类型错误:无法读取未定义的属性“原型”

时间:2021-05-11 14:28:43

标签: node.js json reactjs

节点版本:6.14.11, Mac 操作系统

我希望能够像这样使用“来自 express 的响应”和“来自 body-parser 的 json”。 尽管如此 vscode 并没有打开我写的“导入代码”的灯

我首先说的是我认为的问题。但我不能确定:(

enter image description here

import Axios from 'axios';
import { json } from 'body-parser';
import { response } from 'express';
import {React, useEffect} from 'react'
// import { FaCode } from "react-icons/fa";
import {API_URL, API_KEY} from '../../Config';

function LandingPage() {

    useEffect(()=>{
        const endpoint = `${API_URL}movie/popular?api_key=${API_KEY}&language=en-US&page=1`;

        fetch(endpoint)
        .then(response => response.json())
        .then(response => console.log(response));


        // Axios.get(endpoint) 
        // .then(response => {
        //     setMovies([...response.results])
        //     setMainMoveImage(response.results[0])
        // })
        // endpoint에 받은 값(API)을 fetch가 가져온다? 그렇게보면 될듯
        // 그 값이 response에 담긴다.  하지만 response만으로 response을 읽을 수 없기에
        // json()을 사용해줌.
    },[])


    return (
        <>
            <div style={{ width: '100%', margin: '0'}}>

                {/* Main Image */}

                <div style={{ width: '85%', margin: '1rem auto'}}>

                    <h2>Movies by latest</h2>
                    <hr />

                    {/* Movie Grid Cards */}


                </div>

                <div style={{ display: 'flex', justifyContent: 'center'}}>
                    <button>Load More</button>
                </div>

            </div>
        </>
    )
}

export default LandingPage

1 个答案:

答案 0 :(得分:0)

我遇到了这个问题! 我知道 vscode 会自动导入代码!

所以如果我像这样删除,那就太好了

// This is what i will delete!
import { json } from 'body-parser';
import { response } from 'express';