Error TypeError: plugin.apply is not a function

[nhoizey]

I'm trying to use markdown-it-image-size 13.1.1 with markdown-it 13.0.1 and I get this error, whatever code I write: TypeError: plugin.apply is not a function

This is a simple example:

const MarkdownIt = require("markdown-it");
const MarkdownItImageSize = require("markdown-it-image-size");

const md = new MarkdownIt();
md.use(MarkdownItImageSize);

let result = md.render(`# markdown-it rulezz!

![](image.jpg)

`);

console.log(result);

Here's the error log:

node_modules/markdown-it/lib/index.js:497
  plugin.apply(plugin, args);
         ^

TypeError: plugin.apply is not a function
    at MarkdownIt.use (node_modules/markdown-it/lib/index.js:497:10)
    at Object.<anonymous> (index.js:5:4)
    at Module._compile (node:internal/modules/cjs/loader:1159:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1213:10)
    at Module.load (node:internal/modules/cjs/loader:1037:32)
    at Module._load (node:internal/modules/cjs/loader:878:12)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)
    at node:internal/main/run_main_module:23:47

Node.js v18.12.1

[boyum]

Thanks for creating the issue! I'll look into it as soon as I have some free time ✨

[nhoizey]

Thanks! 🙏

[boyum]

I see that you have imported the default, however markdown-it-image-size only exports markdownItImageSize.

This should work:

const MarkdownIt = require("markdown-it");
const { markdownItImageSize } = require("markdown-it-image-size");

const md = new MarkdownIt();
md.use(MarkdownItImageSize);

let result = md.render(`# markdown-it rulezz!

![](image.jpg)

`);

console.log(result);

Working example: https://runkit.com/embed/myowsfrf5mph

EDIT: Misclicked and closed the issue unwillingly.

[nhoizey]

@boyum I guess there's a typo in your code with a lowercase initial in markdownItImageSize.

But anyway, I get the same error with { MarkdownItImageSize } = require("markdown-it-image-size"); as I did without the curly braces.

[boyum]

No, the exported function is named markdownItImageSize, not MarkdownItImageSize.

[nhoizey]

But then you use md.use(MarkdownItImageSize); with an uppercase M? 🤔

[nhoizey]

Ooooh, it works when I use lowercase m everywhere… sorry for not trying it first. 😞

[boyum]

Ah, sorry for updating only the import, not inside use. Great!

[dingshaohua-cn]

i use it in my react project created base on vite， vite just support esm

import {markdownItImageSize}  from 'markdown-it-image-size';
// console.log(111, markdownItImageSize);

const md = MarkdownIt({
  html: true,
  linkify: true,
  typographer: true,
}).use(markdownItImageSize);
/

and find this error

chunk-CEQRFMJQ.js?v=9d55e0d4:11 Module "util" has been externalized for browser compatibility. Cannot access "util.inherits" in client code. See https://vitejs.dev/guide/troubleshooting.html#module-externalized-for-browser-compatibility for more details.
get @ browser-external:util:9
(anonymous) @ index.js:128
node_modules/markdown-it-image-size/dist/index.js @ index.js:134
__require @ chunk-CEQRFMJQ.js?v=9d55e0d4:11
(anonymous) @ index.js:1526
chunk-CEQRFMJQ.js?v=9d55e0d4:11 Module "events" has been externalized for browser compatibility. Cannot access "events.EventEmitter" in client code. See https://vitejs.dev/guide/troubleshooting.html#module-externalized-for-browser-compatibility for more details.
get @ browser-external:events:9
node_modules/markdown-it-image-size/dist/index.js @ index.js:137
__require @ chunk-CEQRFMJQ.js?v=9d55e0d4:11
(anonymous) @ index.js:1526
index.js:147 Uncaught TypeError: Cannot read properties of undefined (reading 'call')
    at new Queue (index.js:147:16)
    at index.js:1321:17
    at node_modules/markdown-it-image-size/dist/index.js (index.js:1441:1)
    at __require (chunk-CEQRFMJQ.js?v=9d55e0d4:11:50)
    at index.js:1526:31

[boyum]

@dingshaohua-cn Please continue this conversation in #416.