Question

我想对图表使用图表。要安装，我去了安装指南，尝试了UMD版本和站点上的第一个示例。我是编码方面的新手，找不到问题。

当我尝试它时，总会出现：Uncaught SyntaxError：意外令牌{。

任何人都可以建议和解释该如何导入吗？

这是我的HTML和JS代码

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>My first Rechart Tests</title>
        <script src="https://unpkg.com/react/umd/react.production.min.js"></script>
        <script src="https://unpkg.com/react-dom/umd/react-dom.production.min.js"></script>
        <script src="https://unpkg.com/prop-types/prop-types.min.js"></script>
        <script src="https://unpkg.com/recharts/umd/Recharts.min.js"></script>
    </head>
    <body> 
        <script src="Recharts.js" ></script>
    </body>
</html>

import { LineChart, Line } from 'recharts';
const data = [{name: 'Page A', uv: 400, pv: 2400, amt: 2400}, ...];

const renderLineChart = (
  <LineChart width={400} height={400} data={data}>
    <Line type="monotone" dataKey="uv" stroke="#8884d8" />
  </LineChart>
);

图表无法运作，未捕获到SyntaxError：意外令牌{

0 个答案: