question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Console warning by vue-i18n in Quasar v2.0.0-beta.3

See original GitHub issue

Describe the bug A clear and concise description of what the bug is.

Codepen/jsFiddle/Codesandbox (required) (Seems sandbox is not available for this version yet.) To Reproduce Steps to reproduce the behavior: Create an new project: quasar create quasar.i18n-issue-n4 --branch next

? Project name (internal usage for dev) quasar.i18n-issue-n4
? Project product name (must start with letter if building mobile apps) Quasar App
? Project description A Quasar Framework app
? Author
? Pick your CSS preprocessor: SCSS
? Check the features needed for your project: Vue-i18n
? Continue to install project dependencies after the project has been created? (recommended) yarn

While installing, this warning shows up:

[4/5] Linking dependencies...
warning " > vue-i18n@9.0.0-rc.5" has unmet peer dependency "vue@^3.0.0".

Run quasar dev and open the website in browser. Check dev console, where these 2 messages show:

You are running the esm-bundler build of vue-i18n. It is recommended to configure your bundler to explicitly replace feature flag globals with boolean literals to get proper tree-shaking in the final bundle.

You are running a development build of vue-i18n.
Make sure to use the production build (*.prod.js) when deploying for production.

Expected behavior There should be no error/warning on the default build.

Screenshots unknown

Platform (please complete the following information): Quasar Version: v2.0.0-beta.3 @quasar/app Version: v3.0.0-beta.3 Quasar mode: [ *] SPA [ ] SSR [ ] PWA [ ] Electron [ ] Cordova [ ] Capacitor [ ] BEX Tested on: [ *] SPA [ ] SSR [ ] PWA [ ] Electron [ ] Cordova [ ] Capacitor [ ] BEX OS: Debian GNU/Linux 9 (Docker) Node: v14.15.1 NPM: Yarn: 1.22.5 Browsers: Chrome Version 88.0.4324.146 (Official Build) (64-bit) iOS: Android: Electron:

Additional context Add any other context about the problem here.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:10 (8 by maintainers)

github_iconTop GitHub Comments

15reactions
ctplicommented, Oct 20, 2021

Hi everyone!

I have found the solution for that warning: go to src\boot\i18n.js file from your project folder and change the

   import { createI18n } from 'vue-i18n' 
   to => import { createI18n } from 'vue-i18n/index'

that should work!

1reaction
rstoenescucommented, May 25, 2021
Read more comments on GitHub >

github_iconTop Results From Across the Web

Upgrade Guide - Quasar Framework
Follow the rest of the guide. You'll need to adapt to the breaking changes of the new versions of Vue 3, Vue Router...
Read more >
Adding full i18n to Quasar. If you are wanting to translate your…
Steps to follow. First, you need to install vue-i18n into your project. Note, we always recommend using Yarn for project dependency management.
Read more >
vue-i18n-next disable console warning - Stack Overflow
How to disable console warning like this : Not found '21.11.2021' key in 'finnish' locale messages. vue-i18n version is "9.0.0-beta.6".
Read more >
vue2: 【Vue.js资讯】目前web前端开发非常火爆的框架 - Gitee
记一次忏悔的前端面试经验(Vue 双向绑定原理) · 使用vue-i18n实现多语言切换效果 · Vue.js 2.0 手把手 ... Release v2.0.0-beta.3 · meteor-vue/vue-meteor-tracker ...
Read more >
can't get vue-i18n initialised properly - Quasar forum
The package seems to work but it's giving warnings that it can't find the translations. vue-i18n] Cannot translate the value of keypath ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found