解析错误：不支持ES模块的require()

Question

我正在编码，却从无到有地得到了这个错误，我不知道该怎么办。我已经尝试了 stackoverflow 和其他网站上的所有内容，但没有任何效果\n错误

\n

编译失败\n./src/components/User/UserTabs.js

\n

第0行：解析错误：ES模块C:\\Users\\Taynara\\Desktop\\projeto-adote\\client\\node_modules\\eslint\\node_modules\\eslint-scope\\lib\\的require()不支持来自 C:\\Users\\Taynara\\Desktop\\projeto-adote\\client\\node_modules\\babel-eslint\\lib\\require-from-eslint.js 的definition.js。\n而是更改require C:\\Users\\Taynara\\Desktop\\projeto-adote\\client\\node_modules\\babel-eslint\\lib\\require-from-eslint.js 中的definition.js 到动态导入（ ) 在所有 CommonJS 模块中都可用

\n

引用错误的页面中的代码

\n

    import React, {useState} from 'react'\n    import { Tabs, Tab, Box, Divider, } from '@material-ui/core'\n    import { TabPanel, TabContext, TabList } from '@material-ui/lab'\n\n    import LikedPosts from './content/LikedPosts';\n    import Animals from '../Form/Animals'\n    import Events from '../Form/Events'\n    import Users from '../Form/Users'\n    import Cnpj from '../Form/Cnpj'\n    import Shelter from '../Form/Shelter'\n\n\n\n\n    const User = () => {\n\n      const [selectedTab, setSelectedTab] = useState('4');\n     \n      const handleChange = (event, newValue) => {\n        setSelectedTab(newValue);\n      };\n      const [currentId, setCurrentId] = useState(0);\n\n      return (\n\n\n        <>\n\n          <TabContext value={selectedTab} onChange={handleChange} >\n            <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>\n              <TabList onChange={handleChange} variant="scrollable">\n                <Tab label="Likes" value="1" />\n                <Tab label="Postagens" value="2" />\n                <Tab label="Registrar Animal" value="3" />\n                {/**Implementar if de tipo de usu\xc3\xa1rio */}\n                <Tab label="Registrar Evento" value="4" />\n                <Tab label="Usu\xc3\xa1rio" value="5" />\n                <Tab label="Pessoa Jur\xc3\xaddica" value="6" />\n                <Tab label="Abrigo" value="7" />\n              </TabList>\n              <Divider/>\n            </Box>\n            <TabPanel value="1"><LikedPosts /></TabPanel>\n            <TabPanel value="2">Postagens</TabPanel>\n            <TabPanel value="3"><Animals /></TabPanel>\n            <TabPanel value="4">nada</TabPanel>\n            <TabPanel value="5"><Users /></TabPanel>\n            <TabPanel value="6"><Cnpj /></TabPanel>\n            <TabPanel value="7"><Shelter /></TabPanel>\n          </TabContext>\n        </>\n      );\n    }\n    export default User;\n\n

\n

我看不到代码上的错误，是依赖问题吗？

\n

Answer 1

这是ES7+ React/Redux/React-Native 片段扩展的合规性。我禁用此扩展作为临时解决方案。