Question

最初，按照我的教程操作，react工作正常，但是我决定保持文件夹井井有条，并将create-react-app文件夹复制到另一个文件夹，并且该文件夹无法再次正常工作。

我试图检查正在查看的教程，看我是否错过了任何事情或做错了什么，但代码还可以。然后我尝试重新安装新版本的Node.js和npm。这次升级是我以前使用的版本。

import React from 'react';
import CardList from './CardList';
import SearchBox from './SearchBox';
import { robot } from './robots';
import './App.css';
const state = {
    robotss: robots,
    searchfield: ''
}

class App extends component {
    constructor(){
        super()
        this.state = {
            robots: robots,
            searchfield: ''
        }
    }

    onSearchChange = (event) => {
        this.setstate({ searchfield.event.target.value})
    }

    render() {
        const filteredRobots = this.state.robots.filter(robots => {
            return robots.name,toLowercase().inludes(this.state.searchfield.toLowercase());
        })
        return (
        <div className='tc' >
        <h1 className='f1'>RoboFriends</h1>
        <SearchBox searchChange={this.onSearchChange} />
        <CardList robots = {filteredRobots}/>
        </div>
        );
    }
}

export default App;

预期结果是编译并显示机器人应用程序。

编译失败 ./src/index.js 第5行：解析错误：意外的令牌

3 |导入'./index.css'; 4 |从“ ./App”导入应用；

5 |从'./serviceWorker'导入为serviceWorker； | ^ 6 |进口“速牛”； 7 | 8 | ReactDOM.render（，document.getElementById（'root'））; 该错误在构建期间发生，无法消除。

尝试在终端上运行文件夹时，无法在响应中编译错误

0 个答案: