SyntaxError: Named export 'createI18n' not found #1131

productdevbook · 2022-08-25T03:16:20Z

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

pnpm install
pnpm build
cd apps/docs
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 · 2022-08-26T02:10:29Z

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 · 2022-08-26T04:19:10Z

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

pnpm install
pnpm build
cd apps/docs
pnpm build

kazupon · 2022-08-26T07:03:53Z

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

kazupon · 2022-08-28T16:10:59Z

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 · 2022-08-28T16:32:19Z

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 · 2022-08-29T04:55:32Z

nuxt 3 problem

lakuapik · 2022-08-29T09:52:02Z

@productdevbook same here with nuxt3

productdevbook · 2022-08-31T05:14:38Z

@kazupon

    "vue-i18n": "9.3.0-beta.2"
    "@intlify/vite-plugin-vue-i18n": "7.0.0-beta.1",

iam update now but error

https://github.com/huntersofbook/huntersofbook/tree/fix/language
branch: fix/language

kazupon · 2022-08-31T05:22:51Z

@productdevbook
Thank you for your feedback!
I've just fixed it and send PR, please wait 🙏
#1152

kazupon · 2022-08-31T05:27:12Z

@productdevbook same here with nuxt3

BTW, you need use default export, later @intlify/vite-plugin-vue-i18n v7 or later

import vueI18n from '@intlify/vite-plugin-vue-i18n'

kazupon · 2022-08-31T05:46:19Z

I've just released out vue-i18n 9.3.0-beta.3
Please check it!

productdevbook · 2022-08-31T05:50:38Z

@kazupon

https://github.com/huntersofbook/huntersofbook/tree/fix/language
branch: fix/language

lakuapik · 2022-08-31T06:03:19Z

I've just released out vue-i18n 9.3.0-beta.3 Please check it!

@kazupon it works! thank you very much!

kazupon · 2022-08-31T08:00:07Z

@productdevbook
Thank you as always!

As found out, this issue occurs in builds when SSR is enabled. The __VUE_PROD_DEVTOOLS__ flag is expected to be set to globalThis for vue-i18n.

I have tried to enable __VUE_PROD_DEVTOOLS__ in the configure hook of the vite plugin, but for some reason it is not enabled when SSR.
(And I noticed that other flags provided by vue-i18n are not enabled either)

I will continue to fix it. Please wait 🙏

kazupon · 2022-09-02T03:12:38Z

@productdevbook
Hello!
I've just released @intlify/vite-plugin-vue-i18n v7.0.0-beta.2
Please check it!

I've checked your awesome hundersofbook!
So, I've faced the error in it the below:

vitepress v1.0.0-alpha.10
✓ building client + server bundles...
⠋ rendering pages...TypeError: format2 is not a function
    at localizedFormat (file:///path/to/tmp/huntersofbook/apps/docs/docs/.vitepress/.temp/app.js:99:10)
    at watch.immediate (file:///path/to/tmp/huntersofbook/apps/docs/docs/.vitepress/.temp/app.js:2350:430)
    at callWithErrorHandling (/path/to/tmp/huntersofbook/node_modules/.pnpm/@vue+runtime-core@3.2.37/node_modules/@vue/runtime-core/dist/runtime-core.cjs.prod.js:119:22)
    at callWithAsyncErrorHandling (/path/to/tmp/huntersofbook/node_modules/.pnpm/@vue+runtime-core@3.2.37/node_modules/@vue/runtime-core/dist/runtime-core.cjs.prod.js:128:21)
    at doWatch (/path/to/tmp/huntersofbook/node_modules/.pnpm/@vue+runtime-core@3.2.37/node_modules/@vue/runtime-core/dist/runtime-core.cjs.prod.js:1280:13)
    at watch (/path/to/tmp/huntersofbook/node_modules/.pnpm/@vue+runtime-core@3.2.37/node_modules/@vue/runtime-core/dist/runtime-core.cjs.prod.js:1209:12)
    at setup (file:///path/to/tmp/huntersofbook/apps/docs/docs/.vitepress/.temp/app.js:2341:5)
    at callWithErrorHandling (/path/to/tmp/huntersofbook/node_modules/.pnpm/@vue+runtime-core@3.2.37/node_modules/@vue/runtime-core/dist/runtime-core.cjs.prod.js:119:22)
    at setupStatefulComponent (/path/to/tmp/huntersofbook/node_modules/.pnpm/@vue+runtime-core@3.2.37/node_modules/@vue/runtime-core/dist/runtime-core.cjs.prod.js:5789:29)
    at setupComponent (/path/to/tmp/huntersofbook/node_modules/.pnpm/@vue+runtime-core@3.2.37/node_modules/@vue/runtime-core/dist/runtime-core.cjs.prod.js:5770:11)
✓ rendering pages...
build complete in 11.57s.

I seem that date-fns is not to fully support cjs/mjs
vite3 SSR (vitepress) requires esm, so you might want to check if your module is supported as a dual module.

productdevbook · 2022-09-02T05:32:22Z

@kazupon
Thank you fixed,

https://huntersofbook.pages.dev/docs/ui/hdatetime/

and change language after live dont change,

but local test, change and page refresh and fixed. Why ?

code -> https://github.com/huntersofbook/huntersofbook/blob/main/apps/docs/components/Language.vue

and brach main push

kazupon · 2022-09-02T06:22:15Z

I've checked useTimeFromNow

You need to pass ref type, not the primitive value (locale.value)

https://github.com/huntersofbook/huntersofbook/blob/20f15a847859553ce8478a609bb7159cd29d06b8/packages/core/src/utils/date-fns/use-time-from-now.ts#L5

The locale exported from useI18n is already ref.
Your composable function should take that value and implement it to work reactively.

productdevbook · 2022-09-02T07:17:57Z

Thank you fixed

productdevbook added the Status: Review Needed Request for review comments label Aug 25, 2022

This was referenced Aug 25, 2022

docs build bug huntersofbook/huntersofbook#18

Closed

feat: date huntersofbook/huntersofbook#17

Merged

kazupon added Type: Improvement Includes backwards-compatible fixes and removed Status: Review Needed Request for review comments labels Aug 26, 2022

This was referenced Aug 26, 2022

@intlify/vite-plugin-vue-i18n does not compatible with vite-ssg intlify/bundle-tools#166

Closed

feat: support ESM file extension #1137

Merged

fix: rename file extension of ESM modules #1114

Closed

kazupon closed this as completed Aug 28, 2022

kazupon reopened this Aug 28, 2022

productdevbook mentioned this issue Aug 30, 2022

CommonJS modules can always be imported via the default export, for example using: vuejs/vitepress#1232

Closed

3 tasks

kazupon mentioned this issue Aug 31, 2022

build: use cjs/mjs extensions for cjs/esm builds vuejs/core#4814

Open

productdevbook closed this as completed Sep 2, 2022

JeanJPNM mentioned this issue Oct 22, 2022

SyntaxError: Named export 'Pane' not found. antoniandre/splitpanes#176

Closed

This was referenced Feb 5, 2023

Module is a CommonJS module, which may not support all module.exports as named exports. intlify/bundle-tools#220

Open

Module is a CommonJS module, which may not support all module.exports as named exports. vikejs/vike#634

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

SyntaxError: Named export 'createI18n' not found #1131

SyntaxError: Named export 'createI18n' not found #1131

productdevbook commented Aug 25, 2022 •

edited

Loading

kazupon commented Aug 26, 2022 •

edited

Loading

productdevbook commented Aug 26, 2022 •

edited

Loading

kazupon commented Aug 26, 2022

kazupon commented Aug 28, 2022

productdevbook commented Aug 28, 2022

productdevbook commented Aug 29, 2022 •

edited

Loading

lakuapik commented Aug 29, 2022

productdevbook commented Aug 31, 2022

kazupon commented Aug 31, 2022

kazupon commented Aug 31, 2022

kazupon commented Aug 31, 2022

productdevbook commented Aug 31, 2022

lakuapik commented Aug 31, 2022

kazupon commented Aug 31, 2022

kazupon commented Sep 2, 2022

productdevbook commented Sep 2, 2022

kazupon commented Sep 2, 2022

productdevbook commented Sep 2, 2022

SyntaxError: Named export 'createI18n' not found #1131

SyntaxError: Named export 'createI18n' not found #1131

Comments

productdevbook commented Aug 25, 2022 • edited Loading

Reporting a bug?

Expected behavior

Reproduction

System Info

Screenshot

Additional context

Validations

kazupon commented Aug 26, 2022 • edited Loading

productdevbook commented Aug 26, 2022 • edited Loading

kazupon commented Aug 26, 2022

kazupon commented Aug 28, 2022

productdevbook commented Aug 28, 2022

productdevbook commented Aug 29, 2022 • edited Loading

lakuapik commented Aug 29, 2022

productdevbook commented Aug 31, 2022

kazupon commented Aug 31, 2022

kazupon commented Aug 31, 2022

kazupon commented Aug 31, 2022

productdevbook commented Aug 31, 2022

lakuapik commented Aug 31, 2022

kazupon commented Aug 31, 2022

kazupon commented Sep 2, 2022

productdevbook commented Sep 2, 2022

kazupon commented Sep 2, 2022

productdevbook commented Sep 2, 2022

productdevbook commented Aug 25, 2022 •

edited

Loading

kazupon commented Aug 26, 2022 •

edited

Loading

productdevbook commented Aug 26, 2022 •

edited

Loading

productdevbook commented Aug 29, 2022 •

edited

Loading