Skip to content

PrettierでフォーマットするとMDXのシンタックスエラーになる #542

@chvmvd

Description

@chvmvd

次のようにMDXのコードをPrettierでフォーマットすると、MDXのシンタックスエラーとなります。

Prettierでのフォーマット前のコード

<Term type="javascriptBoolean">論理値</Term>は、`true`(真)または `false`(偽)の 2 つだけです。ダブルクォーテーション `"` は必要ありません。通常の<Term type="javascriptValue">値</Term>ですので、<Term type="javascriptVariable">変数</Term>に<Term type="javascriptAssignment">代入</Term>したり、計算に使ったりすることができます。

Prettierでのフォーマット後のコード

<Term type="javascriptBoolean">論理値</Term>は、`true`(真)または
`false`(偽)の 2 つだけです。ダブルクォーテーション `"`
は必要ありません。通常の<Term type="javascriptValue">値</Term>ですので、
<Term type="javascriptVariable">変数</Term>に<Term type="javascriptAssignment">
  代入
</Term>
したり、計算に使ったりすることができます。

エラーメッセージ

Compiled with problems:
ERROR in ./docs/1-trial-session/06-boolean/index.mdx
Module build failed (from ./node_modules/@docusaurus/mdx-loader/lib/index.js):
Error: MDX compilation failed for file "/Users/w/utcode/utcode-learn/docs/1-trial-session/06-boolean/index.mdx"
Cause: Expected a closing tag for `<Term>` (19:43-19:77) before the end of `paragraph`
Details:
{
  "column": 1,
  "message": "Expected a closing tag for `<Term>` (19:43-19:77) before the end of `paragraph`",
  "line": 16,
  "name": "16:1-20:5",
  "place": {
    "start": {
      "line": 16,
      "column": 1,
      "offset": 402,
      "_index": 0,
      "_bufferIndex": 0
    },
    "end": {
      "line": 20,
      "column": 5,
      "offset": 630,
      "_index": 9,
      "_bufferIndex": -1
    }
  },
  "reason": "Expected a closing tag for `<Term>` (19:43-19:77) before the end of `paragraph`",
  "ruleId": "end-tag-mismatch",
  "source": "mdast-util-mdx-jsx"
}

    at Object.mdxLoader (/Users/w/utcode/utcode-learn/node_modules/@docusaurus/mdx-loader/lib/loader.js:126:25)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions