The mdx-code-block is not compatible with Windows.

[wyy0512]

Have you read the Contributing Guidelines on issues?

• I have read the Contributing Guidelines on issues.

Prerequisites

• I'm using the latest version of Docusaurus.
• I have tried the npm run clear or yarn clear command.
• I have tried rm -rf node_modules yarn.lock package-lock.json and re-installing packages.
• I have tried creating a repro with https://new.docusaurus.io.
• I have read the console error message carefully (if applicable).

Description

Placing JSX in mdx-code-block works fine on Linux, but when developing on Windows, it directly displays the code block instead.

Reproducible demo

No response

Steps to reproduce

Placing a piece of JSX inside mdx-code-block and running it in a Windows environment can reproduce the issue.

Expected behavior

The card list has been rendered.

Actual behavior

The code block is presented.

Your environment

• Public source code:
• Public site URL:
• Docusaurus version used: 3.1.1
• Environment name and version (e.g. Chrome 89, Node.js 16.4):chrome, Node.js 20.9.0
• Operating system and version (e.g. Ubuntu 20.04.2 LTS): Windows 10

Self-service

• I'd be willing to fix this bug myself.

[OzakIOne]

I've tested on windows without WSL and in WSL, same result

Stackblitz

I don't know why stackblitz doesn't interpret the one with the mdx-code-block label though

[Josh-Cena]

@OzakIOne I think it's because of \r\n. Have you turned on CRLF?

[Josh-Cena]

That said, it should be fixed by #9897. I don't know if it's part of 3.1.1 though!

Edit: looks like no. So when the next version gets released, it will be fixed. In the meantime, please configure your editor to use LF instead of CRLF.