小编pau*_*l45的帖子

React - 模块解析失败:意外的令牌。您可能需要适当的加载程序来处理此文件类型

我第一次使用 React,所以如果我做了一些明显且令人难以置信的错误,我深表歉意。也就是说,我已经在此处和 github 上阅读了几个看似类似的错误,但我找不到任何适合我的内容。这是完整的错误消息:

ERROR in ./src/frontend/src/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>
|     }
| }
 @ ./src/frontend/src/index.js 1:0-35

Run Code Online (Sandbox Code Playgroud)

得出该错误消息的完整代码:

import React, { Component } from 'react';
import ReactDOM from 'react-dom';

class App extends Component{
    render() {
        return <h1>React App</h1>
    }
}

ReactDOM.render(<App />, document.getElementById('app'));
Run Code Online (Sandbox Code Playgroud)

我觉得我的 webpack-config.js 有问题,但我直接从我正在使用的教程中复制了它,所以我不确定为什么会出错。这是,供参考:

module.exports = {
  module: {
    rules: [ …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs babeljs babel-loader

25
推荐指数
1
解决办法
9万
查看次数

标签 统计

babel-loader ×1

babeljs ×1

javascript ×1

reactjs ×1