vite+react+antd，build之后出现报错？

[Jairwin-L]

Describe the bug

使用antd的DatePicker组件点击时候出现问题，如图：

感谢🙏： @sodatea @Shinigami92 @underfin @psaren

Reproduction

https://github.com/Jairwin-L/vite-react-ts-demo/blob/077146486dcbd2965b6773bcf170dce5aabaec51/src/pages/demo.tsx#L25

System Info

"dependencies": {
		"antd": "^4.16.6",
		"antd-mobile": "^2.3.4",
		"indexof": "^0.0.1",
		"react": "^17.0.2",
		"react-dom": "^17.0.2",
		"react-router-dom": "^5.2.0"
	},
	"devDependencies": {
		"@types/node": "^14.14.31",
		"@types/react": "^17.0.0",
		"@types/react-dom": "^17.0.0",
		"@types/react-router-dom": "^5.1.7",
		"@vitejs/plugin-legacy": "^1.3.2",
		"@vitejs/plugin-react-refresh": "^1.3.2",
		"less": "^4.1.1",
		"typescript": "^4.1.2",
		"vite": "^2.3.6",
		"vite-plugin-cdn": "^1.0.0-beta.3",
		"vite-plugin-resolve-externals": "^0.1.0",
		"vite-plugin-style-import": "^0.7.6"
	}

Used Package Manager

yarn

Logs

ReferenceError: module is not defined

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/vue-next instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.

[haoqunjiang]

A simple workaround:
Add the following script tag in the index.html before the entry script:

<script>var module = {}</script>

It's a bug in the Rollup CommonJS plugin that doesn't fully recognize the code snippet used by moment to detect the CommonJS environment. I'll open an issue there.

[ArnaudBarre]

Just tested with Vite@4 and react-plugin@3 the date picker work both in dev and preview