Question

与本教程有关：https://www.youtube.com/watch?v=GieYIzvdt2U 我收到错误消息：

    ERROR in ./leadmanager/frontend/scr/components/App.js 6:15
    Module parse failed: Unexpected token (6:15)
    You may need an appropriate loader to handle this file type.
    | class App extends Component {
    |     render() {
    >         return <h1>React App</h1>
    |     }
    | }
     @ ./leadmanager/frontend/scr/index.js 1:0-35

当我运行npm run dev

时

您可以在https://github.com/bewaresandman/django

上找到我的代码

我很确定我的代码完全可以覆盖本教程中的代码，因此，我已经走到了尽头。

编辑：.babelrc和webpack.config.js文件位于错误的文件夹中。我修好了没有错误：ERROR in ./leadmanager/frontend/scr/components/App.js Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: C:\Users\meissners\eclipse-workspace\django\leadmanager\frontend\scr\components\App.js: Unexpected token (6:15)发生。

Answer 1

您应该使用jsx文件。

用index.js和App.js重命名index.jsx和App.jsx。

Answer 2

您应该有一个webpack.config.js文件。

webpack.config.js应包含：

const result = {
   latitude: 23.07696461,
   longitude: 72.59447369
};
const regex = new RegExp("^-?([1-8]?[1-9]|[1-9]0)\.{1}\d{1,6}");
if(regex.exec(result.latitude) && regex.exec(result.longitude)){
    console.log('if  block');
}
else{
    console.log('else  block');
}

}

反应：如何解决意外的令牌（<）错误？

2 个答案: