請幫我解決這個問題，我不明白出了什么問題。我得到了這段代碼，但出現以下錯誤：語法錯誤：意外的標記，應為“;” 它指向渲染后的第一個花括號。這是代碼import Clarifai from 'clarifai'import Navigation from './components/Navigation/navigation';import FaceRecognition from './components/FaceRecognition/facerecognition';import Logo from './components/Logo/logo';import ImageLinkForm from './components/ImageLinkForm/imagelinkform';import Rank from './components/Rank/rank';import './App.css';import  'tachyons'import Particles from 'react-particles-js';const app = new Clarifai.App({ apiKey: 'fec62103a7704ea8b8ae7f951dc0b823'});const particlesOptions = {    particles: {        number: {          value: 70,          density: {            enable: true,            value_area: 800          }        }    }};class App extends Component {  constructor() {    super();    this.state = {      input: '',      imageUrl: '',      box:{}    }  }};  calculateFaceLocation = (data) => {      const clarifaiFace = data.output[0].data.regions[0].region_info.bounding_box;      const image = document.getElementById('inputimage');      const width = Number(image.width);      const height = Number(image.height);      console.log(width,height);    };  onInputChange = (event) => {    this.setState({input: event.target.value});  };  onButtonSubmit = () => {    this.setState({imageUrl: this.state.input});    app.models    .predict(      Clarifai.FACE_DETECT_MODEL,       this.state.input)    .then(response => this.calculateFaceLocation(response))    .catch (err => console.log(err));        render() {    return (      <div className="App">        <Particles className='particles'          params={particlesOptions}        />,        <Navigation />,        <Logo />,        <Rank />,        <ImageLinkForm         onInputChange={this.onInputChange}         onButtonSubmit={this.onButtonSubmit}        />,        <FaceRecognition imageUrl={this.state.imageUrl} />      </div>    );  }export default App;老實說，我不知道出了什么問題。我已經檢查了幾次，但我想錯誤只是在躲避我。謝謝你們的時間。