Question

我想使用Recharts绘制图表。

我目前正在查看其网站上文档中给出的示例。

将代码复制到应用程序后，我遇到以下错误：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>
<script>
    $(document).ready(function(){
        var csrftoken = Cookies.get('csrftoken');

        function csrfSafeMethod(method) {
            // these HTTP methods do not require CSRF protection
            return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
        }
        $.ajaxSetup({
            beforeSend: function(xhr, settings) {
                if (!csrfSafeMethod(settings.type) && !this.crossDomain) {
                    xhr.setRequestHeader("X-CSRFToken", csrftoken);
                }
            }
        });

        $(".auto-submit").change(function() {
            $.post({
                url: "{% url 'get-checkin-type' %}",
                data: $(".auto-submit option:selected").val(),
            })
        });
    });
</script>

数据包中的某些内容可能出错吗？

我该如何清除此错误？

'recharts' does not contain an export named 'Recharts'.

Answer 1

看起来你输错了。您可以像这样导入它：

import * as Recharts from 'recharts';

或者您可以直接导入各个导出：

import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend } from 'recharts;

React不在React中工作 - 'recharts'不包含名为'Recharts'的导出

1 个答案: