"not a function" error when importing `slugify` from TypeScript

[anitacheung83]

Description:

I am encountering the same issue described in #24. Despite trying all the suggested solutions, the slugify import still does not work.

It appears that when importing slugify, I am importing slugify.d.ts (the type declaration file) instead of the actual function itself.

Steps to Reproduce:

1. Install slugify using npm install slugify.
2. Import slugify in a TypeScript file:

   import slugify from 'slugify';

3. Attempt to use slugify in the code:

   const result = slugify('Hello World!');

4. Observe the error:

   TypeError: __vite_ssr_import_1__.default is not a function
   

Environment:

• Node.js version: v18.14.0
• TypeScript version: Version 5.1.6
• slugify version: slugify@1.6.6

[mkalus]

Use https://github.com/Trott/slug instead.

[danielrentz]

https://arethetypeswrong.github.io/?p=slugify%401

[milad2golnia]

I'm getting same error.
None of import slugify from "slugify", import * as slugify from slugify and import {default as slugify} from slugify is working!

Here is my tsconfig.json:

{
  "compilerOptions": {
    "module": "node16",
    "moduleResolution": "node16",
    "declaration": true,
    "removeComments": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "allowSyntheticDefaultImports": true,
    "target": "ES2021",
    "sourceMap": true,
    "outDir": "./dist",
    "baseUrl": "./",
    "incremental": true,
    "skipLibCheck": true,
    "strictNullChecks": true,
    "noImplicitAny": true,
    "strictBindCallApply": true,
    "forceConsistentCasingInFileNames": true,
    "noFallthroughCasesInSwitch": true
  }
}

And package.json:

  "type": "module",
  "main": "dist/main.js",
  "engines": {
    "node": ">=18.0.0"
  },

[vitalets]

The only way it worked for me in *.mts file:

import slugifyPkg from 'slugify';

const slugify = slugifyPkg.default;

// ...