时间戳

首页 > 解决方案 > 从“react”导入 React 时获取“Uncaught SyntaxError: Unexpected identifier”

reactjs - 从“react”导入 React 时获取“Uncaught SyntaxError: Unexpected identifier”

问题描述

我是 React JS 的新手。当我尝试运行一个简单的反应应用程序时，它显示错误“未捕获的语法错误：意外的标识符”。

我的 package.json 是这样的

"devDependencies": {
    "babel-core": "^6.26.3",
    "babel-loader": "^7.1.5",
    "babel-preset-env": "^1.7.0",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-react": "^6.24.1",
    "babel-preset-stage-2": "^6.24.1",
    "webpack": "^4.16.5",
    "webpack-cli": "^3.1.0",
    "webpack-dev-server": "^3.1.5"
  },
  "dependencies": {
    "react": "^16.4.1",
    "react-dom": "^16.4.1"
  }

而 config.js 是

var DIST_DIR=path.resolve(__dirname,"dist");
var SRC_DIR=path.resolve(__dirname,"src");

var config= {
    entry:
        SRC_DIR + "/app/index.js",
    mode:"development",
    output: {
        path: DIST_DIR + "bundle.js",
        publicPath: "/app/"
    },
    module:{
        rules:[
            {
                test:/\.js?/,
                include:SRC_DIR,
                loader:"babel-loader",
                query:{
                    presets:["es2015","es2016","env","react","stage-2"]
                }
            }
        ]
    }
};


module.exports=config;

index.js 就像

import React from "react";
import {render} from "react-dom";

class App extends  React.Component{
    render(){
        return (
            <div>
                <h1>Hello</h1>
            </div>
        );
    }
}

render(<div>
    <h1>Hello</h1>
</div>,window.document.getElementById("apps"));

之前问过这个问题，我尝试了所有建议的方法，但仍然出现此错误。请帮助我解决问题。

标签： reactjs

解决方案

推荐阅读