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,我刚刚编辑了这个问题并添加了我导出和导入类的方式,你能帮我吗