Fresh project error: pinceau/volar Error [ERR_REQUIRE_ESM] #986

McSneaky · 2023-09-29T23:15:17Z

When creating fresh project, getting error like this:

Load plugin failed: pinceau/volar Error [ERR_REQUIRE_ESM]: require() of ES Module /home/mcsneaky/Projects/content-app/node_modules/chalk/source/index.js from /home/mcsneaky/Projects/content-app/node_modules/style-dictionary-esm/dist/index.cjs not supported.

Full stack strace

ℹ Building client...                                                                                                                                                                                    2:07:42 AM
ℹ vite v4.4.9 building for production...                                                                                                                                                                2:07:42 AM
Load plugin failed: pinceau/volar Error [ERR_REQUIRE_ESM]: require() of ES Module /home/mcsneaky/Projects/content-app/node_modules/chalk/source/index.js from /home/mcsneaky/Projects/content-app/node_modules/style-dictionary-esm/dist/index.cjs not supported.
Instead change the require of index.js in /home/mcsneaky/Projects/content-app/node_modules/style-dictionary-esm/dist/index.cjs to a dynamic import() which is available in all CommonJS modules.
    at Object.<anonymous> (/home/mcsneaky/Projects/content-app/node_modules/style-dictionary-esm/dist/index.cjs:10:13)
    at Object.<anonymous> (/home/mcsneaky/Projects/content-app/node_modules/pinceau/dist/shared/pinceau.71cfe6a3.cjs:13:1)
    at Object.<anonymous> (/home/mcsneaky/Projects/content-app/node_modules/pinceau/dist/volar.cjs:5:15)
    at /home/mcsneaky/Projects/content-app/node_modules/@vue/language-core/out/utils/ts.js:144:28
    at Array.map (<anonymous>)
    at getPartialVueCompilerOptions (/home/mcsneaky/Projects/content-app/node_modules/@vue/language-core/out/utils/ts.js:140:14)
    at Object.createParsedCommandLineByJson (/home/mcsneaky/Projects/content-app/node_modules/@vue/language-core/out/utils/ts.js:36:20)
    at /home/mcsneaky/Projects/content-app/node_modules/vue-component-meta/out/index.js:38:55
    at createComponentMetaCheckerWorker (/home/mcsneaky/Projects/content-app/node_modules/vue-component-meta/out/index.js:50:29)
    at createComponentMetaCheckerByJsonConfig (/home/mcsneaky/Projects/content-app/node_modules/vue-component-meta/out/index.js:38:12)
    at refreshChecker (file:///home/mcsneaky/Projects/content-app/node_modules/nuxt-component-meta/dist/parser.mjs:66:15)
    at fetchComponent (file:///home/mcsneaky/Projects/content-app/node_modules/nuxt-component-meta/dist/parser.mjs:102:9)
    at Array.map (<anonymous>)
    at Object.fetchComponents (file:///home/mcsneaky/Projects/content-app/node_modules/nuxt-component-meta/dist/parser.mjs:162:49)
    at Object.buildStart (file:///home/mcsneaky/Projects/content-app/node_modules/nuxt-component-meta/dist/module.mjs:22:24)
    at file:///home/mcsneaky/Projects/content-app/node_modules/rollup/dist/es/shared/node-entry.js:25544:40
    at async Promise.all (index 11)
    at async PluginDriver.hookParallel (file:///home/mcsneaky/Projects/content-app/node_modules/rollup/dist/es/shared/node-entry.js:25472:9)
    at async file:///home/mcsneaky/Projects/content-app/node_modules/rollup/dist/es/shared/node-entry.js:26704:13
    at async catchUnfinishedHookActions (file:///home/mcsneaky/Projects/content-app/node_modules/rollup/dist/es/shared/node-entry.js:25910:16)
    at async rollupInternal (file:///home/mcsneaky/Projects/content-app/node_modules/rollup/dist/es/shared/node-entry.js:26701:5)
    at async Module.build (file:///home/mcsneaky/Projects/content-app/node_modules/vite/dist/node/chunks/dep-df561101.js:48005:18)
    at async buildClient (file:///home/mcsneaky/Projects/content-app/node_modules/@nuxt/vite-builder/dist/shared/vite-builder.9fb9b8e0.mjs:614:5)
    at async bundle (file:///home/mcsneaky/Projects/content-app/node_modules/@nuxt/vite-builder/dist/shared/vite-builder.9fb9b8e0.mjs:1468:3)
    at async bundle (file:///home/mcsneaky/Projects/content-app/node_modules/nuxt/dist/index.mjs:4439:5)
    at async Promise.all (index 1)
    at async build (file:///home/mcsneaky/Projects/content-app/node_modules/nuxt/dist/index.mjs:4314:5)
    at async Object.run (file:///home/mcsneaky/Projects/content-app/node_modules/nuxi/dist/chunks/build.mjs:92:5)
    at async runCommand$1 (file:///home/mcsneaky/Projects/content-app/node_modules/nuxi/dist/shared/nuxi.9d864d83.mjs:1647:7)
    at async runCommand$1 (file:///home/mcsneaky/Projects/content-app/node_modules/nuxi/dist/shared/nuxi.9d864d83.mjs:1638:11)
    at async runMain$1 (file:///home/mcsneaky/Projects/content-app/node_modules/nuxi/dist/shared/nuxi.9d864d83.mjs:1770:7) {
  code: 'ERR_REQUIRE_ESM'
}

Tried Node 20, 18 and 16, they all result with same error

Steps to reproduce:

Create new project: npx nuxi@latest init tmp-content
Inside tmp-content folder: npm i @nuxt-themes/docus

Add extends to nuxt.config.ts extends: "@nuxt-themes/docus",
so it looks like this

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  extends: "@nuxt-themes/docus",
  devtools: { enabled: true },
  modules: ['@nuxt/content']
})

Run npm run build

Example repo: https://github.com/McSneaky/nuxt-docus-volar-bug

The text was updated successfully, but these errors were encountered:

ndianabasi · 2023-10-05T09:02:20Z

The error above ends with esm/dist/index.cjs. Does the ESM loader support cjs file?

ndianabasi · 2023-10-05T09:09:32Z

I cloned and ran this project and it is working. No errors on console.

McSneaky · 2023-10-05T09:13:58Z

npm run dev works flawlessly, but try to build or generate

ndianabasi · 2023-10-05T09:46:56Z

Building succeeded. Though there was an initial error as shown below.

Environment:
Node: 16.18.2
NPM: 8.19.2

Load plugin failed: pinceau/volar Error [ERR_REQUIRE_ESM]: require() of ES Module /Users/ndianabasi/nuxt-docus-volar-bug/node_modules/chalk/source/index.js from /Users/ndianabasi/nuxt-docus-volar-bug/node_modules/style-dictionary-esm/dist/index.cjs not supported.
Instead change the require of index.js in /Users/ndianabasi/nuxt-docus-volar-bug/node_modules/style-dictionary-esm/dist/index.cjs to a dynamic import() which is available in all CommonJS modules.
    at Object.<anonymous> (/Users/ndianabasi/nuxt-docus-volar-bug/node_modules/style-dictionary-esm/dist/index.cjs:10:13)
    at Object.<anonymous> (/Users/ndianabasi/nuxt-docus-volar-bug/node_modules/pinceau/dist/shared/pinceau.71cfe6a3.cjs:13:1)
    at Object.<anonymous> (/Users/ndianabasi/nuxt-docus-volar-bug/node_modules/pinceau/dist/volar.cjs:5:15)
    at /Users/ndianabasi/nuxt-docus-volar-bug/node_modules/@vue/language-core/out/utils/ts.js:144:28
    at Array.map (<anonymous>)
    at getPartialVueCompilerOptions (/Users/ndianabasi/nuxt-docus-volar-bug/node_modules/@vue/language-core/out/utils/ts.js:140:14)
    at Object.createParsedCommandLineByJson (/Users/ndianabasi/nuxt-docus-volar-bug/node_modules/@vue/language-core/out/utils/ts.js:36:20)
    at /Users/ndianabasi/nuxt-docus-volar-bug/node_modules/vue-component-meta/out/index.js:38:55
    at createComponentMetaCheckerWorker (/Users/ndianabasi/nuxt-docus-volar-bug/node_modules/vue-component-meta/out/index.js:50:29)
    at createComponentMetaCheckerByJsonConfig (/Users/ndianabasi/nuxt-docus-volar-bug/node_modules/vue-component-meta/out/index.js:38:12)
    at refreshChecker (file:///Users/ndianabasi/nuxt-docus-volar-bug/node_modules/nuxt-component-meta/dist/parser.mjs:66:15)
    at fetchComponent (file:///Users/ndianabasi/nuxt-docus-volar-bug/node_modules/nuxt-component-meta/dist/parser.mjs:102:9)
    at Array.map (<anonymous>)
    at Object.fetchComponents (file:///Users/ndianabasi/nuxt-docus-volar-bug/node_modules/nuxt-component-meta/dist/parser.mjs:162:49)
    at Object.buildStart (file:///Users/ndianabasi/nuxt-docus-volar-bug/node_modules/nuxt-component-meta/dist/module.mjs:22:24)
    at file:///Users/ndianabasi/nuxt-docus-volar-bug/node_modules/rollup/dist/es/shared/node-entry.js:25544:40
    at async Promise.all (index 11)
    at async PluginDriver.hookParallel (file:///Users/ndianabasi/nuxt-docus-volar-bug/node_modules/rollup/dist/es/shared/node-entry.js:25472:9)
    at async file:///Users/ndianabasi/nuxt-docus-volar-bug/node_modules/rollup/dist/es/shared/node-entry.js:26704:13
    at async catchUnfinishedHookActions (file:///Users/ndianabasi/nuxt-docus-volar-bug/node_modules/rollup/dist/es/shared/node-entry.js:25910:16)
    at async rollupInternal (file:///Users/ndianabasi/nuxt-docus-volar-bug/node_modules/rollup/dist/es/shared/node-entry.js:26701:5)
    at async Module.build (file:///Users/ndianabasi/nuxt-docus-volar-bug/node_modules/vite/dist/node/chunks/dep-df561101.js:48005:18)
    at async buildClient (file:///Users/ndianabasi/nuxt-docus-volar-bug/node_modules/@nuxt/vite-builder/dist/shared/vite-builder.9fb9b8e0.mjs:614:5)
    at async bundle (file:///Users/ndianabasi/nuxt-docus-volar-bug/node_modules/@nuxt/vite-builder/dist/shared/vite-builder.9fb9b8e0.mjs:1468:3)
    at async bundle (file:///Users/ndianabasi/nuxt-docus-volar-bug/node_modules/nuxt/dist/index.mjs:4439:5)
    at async Promise.all (index 1)
    at async build (file:///Users/ndianabasi/nuxt-docus-volar-bug/node_modules/nuxt/dist/index.mjs:4314:5)
    at async Object.run (file:///Users/ndianabasi/nuxt-docus-volar-bug/node_modules/nuxi/dist/chunks/build.mjs:92:5)
    at async runCommand$1 (file:///Users/ndianabasi/nuxt-docus-volar-bug/node_modules/nuxi/dist/shared/nuxi.9d864d83.mjs:1647:7)
    at async runCommand$1 (file:///Users/ndianabasi/nuxt-docus-volar-bug/node_modules/nuxi/dist/shared/nuxi.9d864d83.mjs:1638:11)
    at async runMain$1 (file:///Users/ndianabasi/nuxt-docus-volar-bug/node_modules/nuxi/dist/shared/nuxi.9d864d83.mjs:1770:7) {
  code: 'ERR_REQUIRE_ESM'
}

ppshobi · 2023-10-06T19:33:33Z

same problem

BrunoGGM · 2023-10-09T22:48:48Z

same problem

vejja · 2023-10-28T08:11:42Z

same

shershen08 · 2023-11-09T17:54:48Z

same for me

hywax · 2023-11-12T19:34:26Z

Same problem

1714080902120 · 2023-11-30T08:27:43Z

It seems not effect the building result, but still is a issue.

andyslack · 2024-01-11T13:23:54Z

This is breaking our builds :(

derHodrig · 2024-02-22T14:56:41Z

This is breaking our builds :(

i had this issue too. in my case it helped to remove the .nuxt folder an make sure to run the postinstall script nuxt prepare. You would not get rid of the error message but the build should be successfull and the output should work just fine

Dino-Kupinic · 2024-03-08T23:52:50Z

issue still persists

ndragun92 · 2024-03-12T19:58:19Z

Installing npm i -D pinceau@0.15.4 in your project should fix it for now until it is fixed in repo

Raised an issue here as well so it can be fixed in proper place
nuxt-themes/tokens#9

Current issue. With greater version then 0.15.4 on nuxt docus npm run build command fails due this issue Issue Link: nuxt-themes/docus#986

shershen08 mentioned this issue Nov 10, 2023

Load plugin failed: pinceau/volar Error [ERR_REQUIRE_ESM]: require() of ES Module when deploying via Vercel? #1003

Open

ndragun92 added a commit to ndragun92/tokens that referenced this issue Mar 12, 2024

fix: pinceau dependency error

32dcecb

Current issue. With greater version then 0.15.4 on nuxt docus npm run build command fails due this issue Issue Link: nuxt-themes/docus#986

This was referenced Mar 12, 2024

fix: pinceau dependency error ndragun92/tokens#1

Open

pinceau dependency error nuxt-themes/tokens#9

Open

tobiasdiez mentioned this issue May 3, 2024

chore: disable shameful hoisting nuxt-modules/storybook#580

Draft

tobiasdiez added a commit to nuxt-modules/storybook that referenced this issue Jun 15, 2024

force old version of pinceau as workaround for nuxt-themes/docus#986

3740ffe

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Fresh project error: pinceau/volar Error [ERR_REQUIRE_ESM] #986

Fresh project error: pinceau/volar Error [ERR_REQUIRE_ESM] #986

McSneaky commented Sep 29, 2023 •

edited

ndianabasi commented Oct 5, 2023

ndianabasi commented Oct 5, 2023 •

edited

McSneaky commented Oct 5, 2023

ndianabasi commented Oct 5, 2023 •

edited

ppshobi commented Oct 6, 2023

BrunoGGM commented Oct 9, 2023

vejja commented Oct 28, 2023

shershen08 commented Nov 9, 2023

hywax commented Nov 12, 2023

1714080902120 commented Nov 30, 2023

andyslack commented Jan 11, 2024 •

edited

derHodrig commented Feb 22, 2024 •

edited

Dino-Kupinic commented Mar 8, 2024

ndragun92 commented Mar 12, 2024 •

edited

Fresh project error: pinceau/volar Error [ERR_REQUIRE_ESM] #986

Fresh project error: pinceau/volar Error [ERR_REQUIRE_ESM] #986

Comments

McSneaky commented Sep 29, 2023 • edited

ndianabasi commented Oct 5, 2023

ndianabasi commented Oct 5, 2023 • edited

McSneaky commented Oct 5, 2023

ndianabasi commented Oct 5, 2023 • edited

ppshobi commented Oct 6, 2023

BrunoGGM commented Oct 9, 2023

vejja commented Oct 28, 2023

shershen08 commented Nov 9, 2023

hywax commented Nov 12, 2023

1714080902120 commented Nov 30, 2023

andyslack commented Jan 11, 2024 • edited

derHodrig commented Feb 22, 2024 • edited

Dino-Kupinic commented Mar 8, 2024

ndragun92 commented Mar 12, 2024 • edited

McSneaky commented Sep 29, 2023 •

edited

ndianabasi commented Oct 5, 2023 •

edited

ndianabasi commented Oct 5, 2023 •

edited

andyslack commented Jan 11, 2024 •

edited

derHodrig commented Feb 22, 2024 •

edited

ndragun92 commented Mar 12, 2024 •

edited