当Markdown编辑器遇上TypeScript：一场“//@ts-nocheck”引发的血案

“技术宅”遇上了“哲学命题”

最近，我和青柠决定给叶绘WordPress主题前台投稿系统里加个 Markdown 编辑器，看中了优雅又轻量的 Vditor。满怀期待准备开搞，心想：“先直接跑个官方编译，能有什么问题呢？”

Webpack：不能跑。

当Markdown编辑器遇上TypeScript：一场“//@ts-nocheck”引发的血案

我：为啥？

Webpack：不告诉你～

我：？？？

这时候的心情，真的有种“刚开盒子就爆炸”的魔幻体验——啥都没改，啥都没碰，就这样被迎头痛击了。这不叫开发，这叫被生活毒打。

Webpack 报错现场更离谱，甩下一句：

webpack 5.98.0 compiled with 3 errors in 32147 ms

错误日志

Node.js v22.14.0
PS C:\Users\19928\Downloads\vditor-3.10.9 (2)\vditor-3.10.9> npm start

> vditor@3.10.9 start
> webpack serve --config webpack.start.js

<i> [webpack-dev-server] [HPM] Proxy created: /api  -> http://localhost:8080
<i> [webpack-dev-server] [HPM] Proxy rewrite rule created: "^/api" ~> ""
<i> [webpack-dev-server] [HPM] Proxy created: /ld246  -> https://ld246.com
<i> [webpack-dev-server] [HPM] Proxy rewrite rule created: "^/ld246" ~> ""
<i> [webpack-dev-server] Project is running at:
<i> [webpack-dev-server] Loopback: http://localhost:9001/, http://[::1]:9001/
<i> [webpack-dev-server] On Your Network (IPv4): http://192.168.23.1:9001/
<i> [webpack-dev-server] Content not from webpack is served from 'C:\Users\19928\Downloads\vditor-3.10.9 (2)\vditor-3.10.9' directory
<i> [webpack-dev-middleware] wait until bundle finished: /
assets by path js/ 20.1 MiB 386 assets
assets by path ../../dist/ 34.1 KiB 110 assets
assets by path images/ 69.6 KiB
  assets by path images/emoji/*.png 52.9 KiB 16 assets
  + 3 assets
assets by path *.js 3.66 MiB
  asset comment.js 1.1 MiB [emitted] (name: comment.js)
  + 3 assets
assets by path ./*.html 19.9 KiB
  asset ./render.html 6.73 KiB [emitted]
  + 3 assets
assets by path css/content-theme/*.css 12.9 KiB
  asset css/content-theme/ant-design.css 4.77 KiB [emitted] [from: src/css/content-theme/ant-design.css] [copied]
  + 3 assets
asset types/index.d.ts 26.1 KiB [emitted] [from: types/index.d.ts] [copied]
runtime modules 110 KiB 52 modules
modules by path ./src/ 644 KiB
  modules by path ./src/ts/ 575 KiB 108 modules
  modules by path ./src/*.ts 24.8 KiB 2 modules
  modules by path ./src/assets/less/*.less 44.6 KiB 2 modules
modules by path ./node_modules/ 193 KiB
  modules by path ./node_modules/webpack-dev-server/client/ 86.9 KiB 8 modules
  modules by path ./node_modules/webpack/hot/*.js 5.2 KiB 4 modules
  + 5 modules
modules by path ./demo/*.js 15.1 KiB
  ./demo/index.js 2.9 KiB [built] [code generated]
  ./demo/render.js 2.77 KiB [built] [code generated]
  ./demo/jest-puppeteer.js 4.6 KiB [built] [code generated]
  ./demo/comment.js 4.83 KiB [built] [code generated]

ERROR in C:\Users\19928\Downloads\vditor-3.10.9 (2)\vditor-3.10.9\src\ts\undo\index.ts
./src/ts/undo/index.ts 20:17-48
[tsl] ERROR in C:\Users\19928\Downloads\vditor-3.10.9 (2)\vditor-3.10.9\src\ts\undo\index.ts(20,18)
      TS2749: 'DiffMatchPatch.diff_match_patch' refers to a value, but is being used as a type here. Did you mean 'typeof DiffMatchPatch.diff_match_patch'?
 @ ./src/index.ts 42:0-39 473:31-35
 @ ./demo/comment.js 1:0-34 94:20-26

ERROR in C:\Users\19928\Downloads\vditor-3.10.9 (2)\vditor-3.10.9\src\ts\undo\index.ts
./src/ts/undo/index.ts 139:35-40
[tsl] ERROR in C:\Users\19928\Downloads\vditor-3.10.9 (2)\vditor-3.10.9\src\ts\undo\index.ts(139,36)
      TS7006: Parameter 'patch' implicitly has an 'any' type.
 @ ./src/index.ts 42:0-39 473:31-35
 @ ./demo/comment.js 1:0-34 94:20-26

ERROR in C:\Users\19928\Downloads\vditor-3.10.9 (2)\vditor-3.10.9\src\ts\undo\index.ts
./src/ts/undo/index.ts 140:37-41
[tsl] ERROR in C:\Users\19928\Downloads\vditor-3.10.9 (2)\vditor-3.10.9\src\ts\undo\index.ts(140,38)
      TS7006: Parameter 'diff' implicitly has an 'any' type.
 @ ./src/index.ts 42:0-39 473:31-35
 @ ./demo/comment.js 1:0-34 94:20-26

3 errors have detailed information that is not shown.
Use 'stats.errorDetails: true' resp. '--stats-error-details' to show it.

webpack 5.98.0 compiled with 3 errors in 32147 ms