Cannot redefine property: AbstractNumbering

[darklight9811]

I'm trying to use docx on a nextjs project (serverside), but it throws this error:

./src/app/api/export/docx/route.tsx
 ⨯ TypeError: Cannot redefine property: AbstractNumbering
    at Function.defineProperty (<anonymous>)
    at _export (webpack-internal:///(rsc)/./node_modules/docx/build/index.mjs:7:32)
    at eval (webpack-internal:///(rsc)/./node_modules/docx/build/index.mjs:12:1)
    at (rsc)/./node_modules/docx/build/index.mjs (C:\projects\javascript\yamiassu\company\ai-agree\.next\server\vendor-chunks\docx.js:20:1)      
    at __webpack_require__ (C:\projects\javascript\yamiassu\company\ai-agree\.next\server\webpack-runtime.js:33:43)
    at eval (webpack-internal:///(rsc)/./src/app/api/export/docx/route.tsx:9:62)
    at (rsc)/./src/app/api/export/docx/route.tsx (C:\projects\javascript\yamiassu\company\ai-agree\.next\server\app\api\export\docx\route.js:182:1)
    at __webpack_require__ (C:\projects\javascript\yamiassu\company\ai-agree\.next\server\webpack-runtime.js:33:43)
    at eval (webpack-internal:///(rsc)/./node_modules/next/dist/build/webpack/loaders/next-app-loader.js?name=app%2Fapi%2Fexport%2Fdocx%2Froute&page=%2Fapi%2Fexport%2Fdocx%2Froute&appPaths=&pagePath=private-next-app-dir%2Fapi%2Fexport%2Fdocx%2Froute.tsx&appDir=C%3A%5Cprojects%5Cjavascript%5Cyamiassu%5Ccompany%5Cai-agree%5Csrc%5Capp&pageExtensions=tsx&pageExtensions=ts&pageExtensions=jsx&pageExtensions=js&rootDir=C%3A%5Cprojects%5Cjavascript%5Cyamiassu%5Ccompany%5Cai-agree&isDev=true&tsconfigPath=tsconfig.json&basePath=&assetPrefix=&nextConfigOutput=&preferredRegion=&middlewareConfig=e30%3D!:16:139)
    at (rsc)/./node_modules/next/dist/build/webpack/loaders/next-app-loader.js?name=app%2Fapi%2Fexport%2Fdocx%2Froute&page=%2Fapi%2Fexport%2Fdocx%2Froute&appPaths=&pagePath=private-next-app-dir%2Fapi%2Fexport%2Fdocx%2Froute.tsx&appDir=C%3A%5Cprojects%5Cjavascript%5Cyamiassu%5Ccompany%5Cai-agree%5Csrc%5Capp&pageExtensions=tsx&pageExtensions=ts&pageExtensions=jsx&pageExtensions=js&rootDir=C%3A%5Cprojects%5Cjavascript%5Cyamiassu%5Ccompany%5Cai-agree&isDev=true&tsconfigPath=tsconfig.json&basePath=&assetPrefix=&nextConfigOutput=&preferredRegion=&middlewareConfig=e30%3D! (C:\projects\javascript\yamiassu\company\ai-agree\.next\server\app\api\export\docx\route.js:172:1)
    at __webpack_require__ (C:\projects\javascript\yamiassu\company\ai-agree\.next\server\webpack-runtime.js:33:43)
    at __webpack_exec__ (C:\projects\javascript\yamiassu\company\ai-agree\.next\server\app\api\export\docx\route.js:222:39)
    at C:\projects\javascript\yamiassu\company\ai-agree\.next\server\app\api\export\docx\route.js:223:562
    at __webpack_require__.X (C:\projects\javascript\yamiassu\company\ai-agree\.next\server\webpack-runtime.js:116:21)
    at C:\projects\javascript\yamiassu\company\ai-agree\.next\server\app\api\export\docx\route.js:223:47
    at Object.<anonymous> (C:\projects\javascript\yamiassu\company\ai-agree\.next\server\app\api\export\docx\route.js:226:3)
    at Module._compile (node:internal/modules/cjs/loader:1256:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1310:10)
    at Module.load (node:internal/modules/cjs/loader:1119:32)
    at Module._load (node:internal/modules/cjs/loader:960:12)
    at Module.require (node:internal/modules/cjs/loader:1143:19)
    at mod.require (C:\projects\javascript\yamiassu\company\ai-agree\node_modules\next\dist\server\require-hook.js:64:28)
    at require (node:internal/modules/cjs/helpers:110:18)
    at requirePage (C:\projects\javascript\yamiassu\company\ai-agree\node_modules\next\dist\server\require.js:109:84)
    at C:\projects\javascript\yamiassu\company\ai-agree\node_modules\next\dist\server\load-components.js:59:84
    at async loadComponentsImpl (C:\projects\javascript\yamiassu\company\ai-agree\node_modules\next\dist\server\load-components.js:59:26)        
    at async DevServer.findPageComponentsImpl (C:\projects\javascript\yamiassu\company\ai-agree\node_modules\next\dist\server\next-server.js:438:36) {
  page: '/api/export/docx'
}
 ⚠ ./src/app/api/export/docx/route.tsx
Attempted import error: 'docx' does not contain a default export (imported as 'docx').

Import trace for requested module:
./src/app/api/export/docx/route.tsx

./src/app/api/export/docx/route.tsx
Attempted import error: 'docx' does not contain a default export (imported as 'docx').

Import trace for requested module:
./src/app/api/export/docx/route.tsx

./src/app/api/export/docx/route.tsx
Attempted import error: 'docx' does not contain a default export (imported as 'docx').

Import trace for requested module:
./src/app/api/export/docx/route.tsx

./src/app/api/export/docx/route.tsx
Attempted import error: 'docx' does not contain a default export (imported as 'docx').

Import trace for requested module:
./src/app/api/export/docx/route.tsx

./src/app/api/export/docx/route.tsx
Attempted import error: 'docx' does not contain a default export (imported as 'docx').

Import trace for requested module:
./src/app/api/export/docx/route.tsx

I'm copying the basic example structure:

import { NextResponse } from "next/server"
import { StreamingTextResponse } from "ai"
import { Document, Packer, Paragraph, Tab, TextRun } from "docx"

export async function GET(request: Request) {
  const doc = await Packer.toBuffer(
    new Document({
      sections: [
        {
          properties: {},
          children: [
            new Paragraph({
              children: [
                new TextRun({
                children: [new Tab(), "test"],
                  bold: false,
                  size: 14,
                }),
              ],
            })
          ],
        },
      ],
    })
  )

  return new StreamingTextResponse(doc as any, {
    headers: {
      "Content-Type": "application/docx",
    },
  })
}

[bernatfortet]

Same here.

[dolanmiu]

Probably fixed now with the downgrade to ES2015 in 8.3.0

[felipearosemena]

I'm running into this issue as well. I'm on 8.5.0