javascript - 未捕获的语法错误:导入声明只能出现在 React 模块的顶层
问题描述
我正在创建一个 react 组件,它是开始学习 react 的一个非常简单的示例,我收到此错误Uncaught SyntaxError: import declarations may only appear at top level of a module
,我不确定它是什么问题
索引.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=ç, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="root"></div>
<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
<script src="./mynumber.js"></script>
<script src="./index.js"></script>
</body>
</html>
我的号码.js
import React from 'react';
class MyNumber extends React.Component{
render(){
return <div>Hello</div>
}
}
export default MyNumber
和 index.js
import React from 'react';
import ReactDOM from 'react-dom';
import MyNumber from './mynumber';
const container = document.getElementById('root');
ReactDOM.render( MyNumber,container);
解决方案
推荐阅读
- android - 无法解析构造函数'Order(Java.lang.string,Java.lang.string,Java.lang.string,void,void)
- coreml - Core ML 和 Turi Create 使用什么模型?
- javascript - Testcafe - 处理视频
- c# - NopCommerce 源代码部署显示:InvalidOperationException: No database provider has been configured for this DbContext
- c# - 如何在 VB.NET 中使用 Linq 从数据中获取数据透视表?
- reactjs - 当道具从父级更改时更新受控组件
- javascript - 带有静态 Getter 的 Mongoose ES6 类
- python - pandas 包含来自两列的唯一值
- sql - 结合两个插入和更新 sql 请求
- python - ValueError:无法将大小为 230 的数组重塑为形状 (3,600,800)