Question

尝试导入React和React-Dom时遇到语法错误，我是一个全新的反应者，如果能帮助我，我将不胜感激。语法错误：C：/Users/Genti/Anaconda3/envs/MMS/geodjango/MMS/static/js/index.js：意外令牌（1:18）

> 1 | import React from react;
    |                   ^
  2 | import ReactDOM from 'react-dom';
  3 |
  4 | function Hello(props) {

这是我的代码：

import React from react;
import ReactDOM from 'react-dom';

function Hello(props) {
    return <h1> Hey, {props.name} </h1>
}

const element = <Hello name="Gent" />;

ReactDOM.render(
    element,
    document.getElementById('react')
)

Answer 1

您需要在字符串中传递反应：

import React from 'react';

导入要求在node_modules目录中找到字符串路径。

Answer 2

import React from react; -> import React from 'react';

您需要将其作为字符串

Answer 3

使用简单引号

import React from 'react';

Answer 4

您的代码中有两个导入

import React from react;
import ReactDOM from 'react-dom';

但是我第一次导入时错过了简单的引号，您可以从错误本身可以理解它，它期望在第1行和位置18处使用单引号（'），但它在反应中收到r，因此这些不是预期的，尝试看一下错误，您会明白的。

因此正确的导入将是

import React from 'react';
import ReactDOM from 'react-dom';

语法错误无法导入React和React-Dom

4 个答案: