SyntaxError: Named export 'createI18n' not found

[productdevbook]

Reporting a bug?

import { createI18n, useI18n } from "vue-i18n/dist/vue-i18n.runtime.esm-bundler.js";
         ^^^^^^^^^^
SyntaxError: Named export 'createI18n' not found. The requested module 'vue-i18n/dist/vue-i18n.runtime.esm-bundler.js' is a CommonJS module, which may not support all module.exports as named exports.
CommonJS modules can always be imported via the default export, for example using:

import pkg from 'vue-i18n/dist/vue-i18n.runtime.esm-bundler.js';
const { createI18n, useI18n } = pkg;

Expected behavior

1. pnpm install
2. pnpm build
3. cd apps/docs
4. pnpm build

Reproduction

branch: feat/date

https://github.com/huntersofbook/huntersofbook/tree/feat/date

System Info

System:
    OS: Linux 5.15 Ubuntu 22.04.1 LTS 22.04.1 LTS (Jammy Jellyfish)
    CPU: (12) x64 11th Gen Intel(R) Core(TM) i5-11400 @ 2.60GHz
    Memory: 17.10 GB / 31.12 GB
    Container: Yes
    Shell: 5.1.16 - /bin/bash
  Binaries:
    Node: 16.17.0 - /usr/bin/node
    Yarn: 1.22.19 - /usr/bin/yarn
    npm: 8.15.0 - /usr/bin/npm
  Browsers:
    Chrome: 104.0.5112.101
  npmPackages:
    vitepress: 1.0.0-alpha.10 => 1.0.0-alpha.10

Screenshot

No response

Additional context

No response

Validations

• Read the Contributing Guidelines
• Read the Documentation
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion
• The provided reproduction is a minimal reproducible example of the bug.

[kazupon]

Thank you for your reproduction!

Hmm 🤔 , I could not your reproduction same situation.
vitepress v1 alpha is using vite@v3, so vite@v3 require native ES modules

vue-i18n v9 is not yet a full native ES modules. So we need to support it.

[productdevbook]

Sorry At first the packages were supposed to get the builder,

1. pnpm install
2. pnpm build
3. cd apps/docs
4. pnpm build

[kazupon]

Okay, I’ve confirmed in another issue.
intlify/bundle-tools#166

[kazupon]

I've just released vue-i18n@9.3.0-beta.1 and @intlify/vite-plugin-vue-i18n@7.0.0-beta.0
Please try to install and build with those!

Thanks!

[productdevbook]

https://github.com/huntersofbook/huntersofbook/tree/fix/i18n

branch: fix/i18n

vitepress v1.0.0-alpha.10
✓ building client + server bundles...
⠋ rendering pages...SyntaxError: 18
    at createCompileError (/home/productdevbook/Documents/GitHub/huntersofbook/open-source/node_modules/.pnpm/@intlify+message-compiler@9.3.0-beta.1/node_modules/@intlify/message-compiler/dist/message-compiler.cjs.prod.js:57:19)
    at createI18nError (file:///home/productdevbook/Documents/GitHub/huntersofbook/open-source/node_modules/.pnpm/vue-i18n@9.3.0-beta.1_vue@3.2.37/node_modules/vue-i18n/dist/vue-i18n.runtime.esm-bundler.mjs:100:12)
    at useI18n (file:///home/productdevbook/Documents/GitHub/huntersofbook/open-source/node_modules/.pnpm/vue-i18n@9.3.0-beta.1_vue@3.2.37/node_modules/vue-i18n/dist/vue-i18n.runtime.esm-bundler.mjs:2219:15)
    at setup (file:///home/productdevbook/Documents/GitHub/huntersofbook/open-source/apps/docs/docs/.vitepress/.temp/app.js:6792:42)
    at _sfc_main.setup (file:///home/productdevbook/Documents/GitHub/huntersofbook/open-source/apps/docs/docs/.vitepress/.temp/app.js:6811:23)
    at callWithErrorHandling (/home/productdevbook/Documents/GitHub/huntersofbook/open-source/node_modules/.pnpm/@vue+runtime-core@3.2.37/node_modules/@vue/runtime-core/dist/runtime-core.cjs.prod.js:119:22)
    at setupStatefulComponent (/home/productdevbook/Documents/GitHub/huntersofbook/open-source/node_modules/.pnpm/@vue+runtime-core@3.2.37/node_modules/@vue/runtime-core/dist/runtime-core.cjs.prod.js:5789:29)
    at setupComponent (/home/productdevbook/Documents/GitHub/huntersofbook/open-source/node_modules/.pnpm/@vue+runtime-core@3.2.37/node_modules/@vue/runtime-core/dist/runtime-core.cjs.prod.js:5770:11)
    at renderComponentVNode (/home/productdevbook/Documents/GitHub/huntersofbook/open-source/node_modules/.pnpm/@vue+server-renderer@3.2.37_vue@3.2.37/node_modules/@vue/server-renderer/dist/server-renderer.cjs.prod.js:169:17)
    at renderVNode (/home/productdevbook/Documents/GitHub/huntersofbook/open-source/node_modules/.pnpm/@vue+server-renderer@3.2.37_vue@3.2.37/node_modules/@vue/server-renderer/dist/server-renderer.cjs.prod.js:292:22) {
  code: 18,
  domain: undefined
}
[Vue warn]: Component <Anonymous> is missing template or render function.
file:///home/productdevbook/Documents/GitHub/huntersofbook/open-source/node_modules/.pnpm/vue-i18n@9.3.0-beta.1_vue@3.2.37/node_modules/vue-i18n/dist/vue-i18n.runtime.esm-bundler.mjs:2147
                if (((process.env.NODE_ENV !== 'production') || __VUE_PROD_DEVTOOLS__) &&
                                                                ^

ReferenceError: __VUE_PROD_DEVTOOLS__ is not defined
    at Object.install (file:///home/productdevbook/Documents/GitHub/huntersofbook/open-source/node_modules/.pnpm/vue-i18n@9.3.0-beta.1_vue@3.2.37/node_modules/vue-i18n/dist/vue-i18n.runtime.esm-bundler.mjs:2147:65)
    at Object.use (/home/productdevbook/Documents/GitHub/huntersofbook/open-source/node_modules/.pnpm/@vue+runtime-core@3.2.37/node_modules/@vue/runtime-core/dist/runtime-core.cjs.prod.js:3393:28)
    at Module.install (file:///home/productdevbook/Documents/GitHub/huntersofbook/open-source/apps/docs/docs/.vitepress/.temp/app.js:73:7)
    at file:///home/productdevbook/Documents/GitHub/huntersofbook/open-source/apps/docs/docs/.vitepress/.temp/app.js:6830:113
    at Array.map (<anonymous>)
    at Object.enhanceApp (file:///home/productdevbook/Documents/GitHub/huntersofbook/open-source/apps/docs/docs/.vitepress/.temp/app.js:6830:91)
    at createApp (file:///home/productdevbook/Documents/GitHub/huntersofbook/open-source/apps/docs/docs/.vitepress/.temp/app.js:7026:15)
    at render (file:///home/productdevbook/Documents/GitHub/huntersofbook/open-source/apps/docs/docs/.vitepress/.temp/app.js:7070:29)
    at renderPage (file:///home/productdevbook/Documents/GitHub/huntersofbook/open-source/node_modules/.pnpm/vitepress@1.0.0-alpha.10/node_modules/vitepress/dist/node/serve-a32ee2b7.js:40619:25)
    at build (file:///home/productdevbook/Documents/GitHub/huntersofbook/open-source/node_modules/.pnpm/vitepress@1.0.0-alpha.10/node_modules/vitepress/dist/node/serve-a32ee2b7.js:40961:15)
 ELIFECYCLE  Command failed with exit code 1.
 ```

[productdevbook]

nuxt 3 problem

[lakuapik]

@productdevbook same here with nuxt3