React axios未能编译

Question

我是新手，在尝试使用axios获取api数据时遇到编译失败的错误。

Axios。js:

import axios from 'axios'

const instance = axios.create({
    baseURL: 'http://localhost:8001'
})

export default instance;

Cards.js：

import React, { useState, useEffect } from 'react'
import "./Cards.css"
import TinderCard from "react-tinder-card"
import axios from './Axios'

function Cards() {
    const [people, setPeople] = useState([]);

useEffect(() => {
    async function fetchData () {
        const req = await axios.get("/tinder/cards")

        setPeople(req.data);
    }

    fetchData()
}, [])

const swiped = (direction, nameToDelete) => {
    console.log("removing: " + nameToDelete);
    // setLastDirection(direction)
}

const outOfFrame = (name) => {
    console.log(name + "left the screen!");
}

return (
    <div className="Cards">
        <div className="Cards__cardContainer">
            {people.map((person) => (
                <TinderCard
                className="swipe"
                key={person.name}
                preventSwipe={["up", "down"]}
                onSwipe={(dir) => swiped(dir, person.name)}
                onCardLeftScreen={() => outOfFrame(person.name)}
                >
                    <div
                    style={{ backgroundImage: `url(${person.url})`}}
                    className="card"
                    >
                        <h3>{person.name}</h3>

                    </div>
                </TinderCard>
            ))}
        </div>
    </div>
)
}

export default Cards;

错误：

未能编译。

./src/Axios。js语法错误：C:\Users\suhai\Documents\evP\impend\h\highlancer\src\Axios。js：意外令牌（1:18）

1 |从axios导入axios

| ^

2|

3 | const instance=axios。创造({

4 |基本URL:'http://localhost:8001'

Answer 1

看起来你的进口关闭了，试试看。

import axios from 'axios';