Setting Webpack Flags For Ionic Vue

I’m getting the following error related to vue-i18n on our production environment.

Uncaught ReferenceError: __INTLIFY_PROD_DEVTOOLS__ is not defined
    at Module.ve (core-base.esm-bundler.js:167)
    at L (vue-i18n.cjs.prod.js:175)
    at g (vue-i18n.cjs.prod.js:204)
    at S (vue-i18n.cjs.prod.js:616)
    at q (vue-i18n.cjs.prod.js:1414)
    at Module.56d7 (index.js:18)
    at u (bootstrap:89)
    at Object.1 (app.ef4d8501.js:1)
    at u (bootstrap:89)
    at n (bootstrap:45)

The vue-i18n plugin recommends these flags be set.

The build will work without configuring these flags, however it is strongly recommended to properly configure them in order to get proper tree shaking in the final bundle. To configure these flags:

• webpack: use DefinePlugin
• Rollup: use @rollup/plugin-replace

How do you set flags like this in Ionic Vue? We currently don’t have webpack.config.js in our project.

1 post - 1 participant

Read full topic