Javascript 分析错误:意外的令牌=ReactJs

Javascript 分析错误:意外的令牌=ReactJs,javascript,reactjs,npm,react-router,babeljs,Javascript,Reactjs,Npm,React Router,Babeljs,从“React”导入React; 从“react router”导入{Route,IndexRoute}; 从“./containers/App”导入应用程序; 从“/containers/NotFoundPage.js”导入NotFoundPage; 从“/containers/LoginPage”导入登录页面; 从“/containers/FormPage”导入FormPage; 从“./containers/TablePage”导入TablePage; 从“/containers/Dash

从“React”导入React;
从“react router”导入{Route,IndexRoute};
从“./containers/App”导入应用程序;
从“/containers/NotFoundPage.js”导入NotFoundPage;
从“/containers/LoginPage”导入登录页面;
从“/containers/FormPage”导入FormPage;
从“./containers/TablePage”导入TablePage;
从“/containers/DashboardPage”导入仪表板;
从“./containers/Masques”导入Masques
从“/containers/Paques”导入Paques
导出默认值(

);在React组件中,您应该在构造函数中设置初始状态

constructor(props) {
    super(props);
    this.state = { masque: [] };
}
而不是

state={
    masque:[]
};

另外,如果我看得对的话,它会在第9行给你一个错误。检查导入的模块是否以导出默认值正确导出。

上图中显示的错误是eslint问题。错误如下图所示,即:

React.createElement:类型无效--应为字符串或类/函数,但得到:未定义

这意味着您输入错误。有两种类型的导入和导出
默认
命名
。例如

// a.js
const a =1;
const b= 2;
const c =3;
export {a, b};// named export
export default c;// default export
然后在其他文件中,例如b.js,它们可以作为

import {a, b} from './a.js';// named import. Name for import should be same as export
import c from './a.js';// default import. Name of import can be differ from name of export

请验证您的导入、导出报表。错误是因为您的一个导入错误

这是关于eslint中的语法,它是导致babel eslint而不是JavaScript语法的原因

在上面的“扩展”中,您应该在.eslintrc.js中添加以下选项:

"parser": "babel-eslint",

正如你所说,我已经更改了状态初始化,但是steel收到了相同的错误。你是否检查你在第9行导入的内容格式是否正确?它应该是从“../Data”导入数据的部分;我删除了这个导入,因为我不再在代码中使用数据常量了,这里的错误不是来自iti,我刚刚编辑了这个问题并添加了我导出和导入类的方式,你能帮我吗