TypeError: Cannot read property 'code' of undefined?

Question

Dashboard.js

import React from 'react';

const Dashboard = () => {
    return (
        <!--  Card Section  -->
        <div className="row">
            <div className="col s12 m6 l3">
                <div className="card blue-grey darken-1">
                    <div className="card-content white-text">
                        <span className="card-title center">20</span>
                        <p className="center">Task of Today</p>
                    </div>
                </div>
            </div>

            <div className="col s12 m6 l3">
                <div className="card blue-grey darken-1">
                    <div className="card-content white-text">
                        <span className="card-title center">20</span>
                        <p className="center">Bugs</p>
                    </div>
                </div>
            </div>

            <div className="col s12 m6 l3">
                <div className="card blue-grey darken-1">
                    <div className="card-content white-text">
                        <span className="card-title center">20</span>
                        <p className="center">Finished Task</p>
                    </div>
                </div>
            </div>

            <div className="col s12 m6 l3">
                <div className="card blue-grey darken-1">
                    <div className="card-content white-text">
                        <span className="card-title center">20</span>
                        <p className="center">Remaining Task</p>
                    </div>
                </div>
            </div>
        </div>
    )
}

export default Dashboard;

从 app.js 导入后出现此错误

./src/components/Dashboard/Dashboard.js
TypeError: Cannot read property 'code' of undefined
    at parser.next (<anonymous>)
    at normalizeFile.next (<anonymous>)
    at run.next (<anonymous>)
    at transform.next (<anonymous>)

我不知道发生了什么。没有可变代码。它从哪里来？如果我不导入仪表板，应用程序工作正常。在 app.js.

中导入 Dashboard.js 时发生错误

Answer 1

尝试删除组件中的注释 ，应该可以。

更正：

import React from 'react';

const Dashboard = () => {
    return (
        <div className="row">
            <div className="col s12 m6 l3">
                <div className="card blue-grey darken-1">
                    <div className="card-content white-text">
                        <span className="card-title center">20</span>
                        <p className="center">Task of Today</p>
                    </div>
                </div>
            </div>

            <div className="col s12 m6 l3">
                <div className="card blue-grey darken-1">
                    <div className="card-content white-text">
                        <span className="card-title center">20</span>
                        <p className="center">Bugs</p>
                    </div>
                </div>
            </div>

            <div className="col s12 m6 l3">
                <div className="card blue-grey darken-1">
                    <div className="card-content white-text">
                        <span className="card-title center">20</span>
                        <p className="center">Finished Task</p>
                    </div>
                </div>
            </div>

            <div className="col s12 m6 l3">
                <div className="card blue-grey darken-1">
                    <div className="card-content white-text">
                        <span className="card-title center">20</span>
                        <p className="center">Remaining Task</p>
                    </div>
                </div>
            </div>
        </div>
    )
}

export default Dashboard;

TypeError: Cannot read property 'code' of undefined?

TypeError: Cannot read property 'code' of undefined?

javascript

import

reactjs

react-component