React/Zusand - 模塊解析失敗：意外的令牌。 您可能需要適當的加載程序來處理此文件類型

Question

我在我的 react 應用程序中遇到錯誤，不確定錯誤本身來自何處，並且代碼似乎干凈且沒有錯誤，並且遵循最佳實踐。

Error Log

Failed to compile.

./src/components/CourseList.jsx 74:14
Module parse failed: Unexpected token (74:14)
You may need an appropriate loader to handle this file type.
|         columnNumber: 17
|       }
>     }, course?.title), /*#__PURE__*/React.createElement("button", {
|       className: "delete-btn",
|       onClick: function onClick() {

courseList.jsx

<span className="course-title">{course?.title}</span>
  <button
    className="delete-btn"
    onClick={() => {
      removeCourse(course.id);
    }}
  >
    Delete Course
  </button>

Answer 1

在調試了很長時間並嘗試了很多次之后，我后來得到了問題所在，但不明白為什么這本身就是引發問題的原因。

我只需將{course?.title}更改為{course.title}代碼就可以成功編譯而沒有問題。 因此，刪除? 讓它工作。

我希望這可以幫助那里的人。