VSCode调试(F5)React应用给出SyntaxError:意外标识符

时间:2019-06-12 06:42:08

标签: node.js reactjs visual-studio-code

在VSCode上使用F5来创建由create-react-app创建的react应用无法正确调试该应用。终端上的“ npm start”运行正常。

似乎“导入”有效,但由于某种原因它与“反应”有关。似乎VSCode没有生成任何配置,所以我想知道这是否是一个问题。

这是我得到的错误;

c:\my-app\src\index.js:1
import React from 'react';
       ^^^^^

SyntaxError: Unexpected identifier
    at Module._compile (internal/modules/cjs/loader.js:721:23)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:787:10)
    at Module.load (internal/modules/cjs/loader.js:653:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
    at Function.Module._load (internal/modules/cjs/loader.js:585:3)
    at Function.Module.runMain (internal/modules/cjs/loader.js:829:12)
    at startup (internal/bootstrap/node.js:283:19)
    at bootstrapNodeJSCore (internal/bootstrap/node.js:622:3)
Waiting for tSyntaxError: Unexpected identifier
    at Module._compile (internal/modules/cjs/loader.js:721:23)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:787:10)
    at Module.load (internal/modules/cjs/loader.js:653:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
    at Function.Module._load (internal/modules/cjs/loader.js:585:3)
    at Function.Module.runMain (internal/modules/cjs/loader.js:829:12)
    at startup (internal/bootstrap/node.js:283:19)
    at bootstrapNodeJSCore (internal/bootstrap/node.js:622:3)
he debugger to disconnect...

1 个答案:

答案 0 :(得分:1)

使用

import { React } from 'react';

代替

import React from 'react';