Webpack + vue.config.js failed to compile #222

Glandos · 2023-02-07T16:41:13Z

Reporting a bug?

I've added this to my vue.config.js:

const path = require('path');
const VueI18nPlugin = require('@intlify/unplugin-vue-i18n/webpack');

module.exports = {
  configureWebpack: {
    plugins: [
      VueI18nPlugin({
        include: path.resolve(__dirname, './src/locales/**')
      })
    ],

Expected behavior

yarn build should work as before.

Reproduction

https://github.com/Glandos/unplugin-vue-i18n-issue222

yarn
yarn serve

Issue Package

unplugin-vue-i18n

System Info

System:
    OS: Linux 6.1 Debian GNU/Linux bookworm/sid
    CPU: (8) x64 Intel(R) Core(TM) i7-8650U CPU @ 1.90GHz
    Memory: 16.50 GB / 31.21 GB
    Container: Yes
    Shell: 3.5.1 - /usr/bin/fish
  Binaries:
    Node: 16.19.0 - /tmp/fnm_multishells/68944_1675784800039/bin/node
    Yarn: 3.3.1 - /usr/local/bin/yarn
    npm: 8.19.3 - /tmp/fnm_multishells/68944_1675784800039/bin/npm
  Browsers:
    Chromium: 109.0.5414.119
    Firefox: 109.0
  npmPackages:
    vue: ^2.7.14 => 2.7.14 
    vue-i18n: ^8.28.2 => 8.28.2 
    webpack: ^5 => 5.75.0

Screenshot

  Error: Child compilation failed:
  Module parse failed: Unexpected token (1:0)
  File was processed with these loaders:
   * ./node_modules/unplugin/dist/webpack/loaders/load.js
   * ./node_modules/html-webpack-plugin/lib/loader.js
  You may need an additional loader to handle the result of these loaders.
  > <!DOCTYPE html>
  | <html lang="en" translate="no">
  |

Additional context

No response

Validations

Read the Contributing Guidelines.
Read the README
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 text was updated successfully, but these errors were encountered:

michug · 2023-02-07T19:31:28Z

Same is happening to me.

const path = require('path')
const VueI18nPlugin = require('@intlify/unplugin-vue-i18n/webpack')

let exportsObject = {
  publicPath: process.env.VUE_APP_STATIC_CONTENT_BASE_URL,
  chainWebpack: config => {
    const types = ['vue-modules', 'vue', 'normal-modules', 'normal']
    types.forEach(type => addStyleResource(config.module.rule('less').oneOf(type)))
  },
  /* ... */
  plugins: [
    /* ... */
    VueI18nPlugin({
      /* options */
      // locale messages resourece pre-compile option
      include: path.resolve(__dirname, './path/to/src/locales/**'),
    })
  ],
  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'less',
      patterns: []
    }
  }
}

Glandos · 2023-02-08T08:12:58Z

@michug did you install the module in your project, either:

npm install --save-dev @intlify/unplugin-vue-i18n
yarn add -D @intlify/unplugin-vue-i18n

?

Glandos · 2023-02-08T09:44:38Z

Reproduction in https://github.com/Glandos/unplugin-vue-i18n-issue222:

git clone https://github.com/Glandos/unplugin-vue-i18n-issue222.git
yarn
yarn build

michug · 2023-02-08T11:59:56Z

@Glandos

yes, I did npm install --save-dev @intlify/unplugin-vue-i18n

jpkohrs · 2023-02-23T12:03:51Z

Same issue here, this occurs since version 0.7.0 of @intlify/unplugin-vue-i18n.
Version 0.6.2 and earlier works fine.

psven · 2023-03-09T08:04:24Z

Same issue here

liyasthomas · 2023-03-11T16:33:49Z

I face the same issue;

Cannot find module '@intlify/vite-plugin-vue-i18n' or its corresponding type declarations.

it9gamelog · 2023-06-10T15:22:12Z

Same here on quasar v2.6.0 with webpack and latest @intlify/unplugin-vue-i18n

// quasar.config.js
build: {
      chainWebpack (chain) {
        const VueI18nPlugin = require('@intlify/unplugin-vue-i18n/webpack')
        chain.plugin('unplugin-vue-i18n').use(VueI18nPlugin).init(() => VueI18nPlugin())
      }
}

The error is

  Module parse failed: Unexpected token (1:0)
  File was processed with these loaders:
   * ./node_modules/unplugin/dist/webpack/loaders/load.js
   * ./node_modules/html-webpack-plugin/lib/loader.js
  You may need an additional loader to handle the result of these loaders.
  > <!DOCTYPE html>
  | <html>
  |   <head>
...

And this is the index.template.html that's having problem.

By install an older version of unplugin-vue-i18n (0.6.2), npm install --save-dev @intlify/unplugin-vue-i18n@^0.6.2, thing works again.

xrado · 2023-08-13T12:14:31Z

same here. Tried version 0.6.2, above error is gone, but I get a parse error on other JSON files (not locales).

Module parse failed: Unexpected token (2:18) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file.

for me build works with [email protected]

SuperSchek · 2023-08-24T12:32:01Z

Same issue here. Currently stuck using version 0.7.3. Any version above that gives me the following error:

Error: Child compilation failed:
  Module parse failed: Unexpected token (1:0)
  File was processed with these loaders:
   * ./node_modules/unplugin/dist/webpack/loaders/load.js
   * ./node_modules/html-webpack-plugin/lib/loader.js
  You may need an additional loader to handle the result of these loaders.

TianbinTobin · 2023-09-07T17:36:41Z

Same issue here.Version 0.7.2 and earlier works fine.
It seems to be due to update [email protected] Since Version 0.8.0.

but older is

Aviv-Galmidi · 2024-04-07T07:57:55Z

Issue still exists in v4.0.0
Reverting to version 0.7.2 as suggested by TianbinTobin resolves the issue

Glandos added the Status: Review Needed Request for review comments label Feb 7, 2023

kazupon added Package: unplugin-vue-i18n and removed Status: Review Needed Request for review comments labels Mar 4, 2023 — with Volta.net

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Webpack + vue.config.js failed to compile #222

Webpack + vue.config.js failed to compile #222

Glandos commented Feb 7, 2023 •

edited

michug commented Feb 7, 2023 •

edited

Glandos commented Feb 8, 2023

Glandos commented Feb 8, 2023 •

edited

michug commented Feb 8, 2023 •

edited

jpkohrs commented Feb 23, 2023

psven commented Mar 9, 2023

liyasthomas commented Mar 11, 2023

it9gamelog commented Jun 10, 2023

xrado commented Aug 13, 2023 •

edited

SuperSchek commented Aug 24, 2023

TianbinTobin commented Sep 7, 2023 •

edited

Aviv-Galmidi commented Apr 7, 2024

Webpack + vue.config.js failed to compile #222

Webpack + vue.config.js failed to compile #222

Comments

Glandos commented Feb 7, 2023 • edited

Reporting a bug?

Expected behavior

Reproduction

Issue Package

System Info

Screenshot

Additional context

Validations

michug commented Feb 7, 2023 • edited

Glandos commented Feb 8, 2023

Glandos commented Feb 8, 2023 • edited

michug commented Feb 8, 2023 • edited

jpkohrs commented Feb 23, 2023

psven commented Mar 9, 2023

liyasthomas commented Mar 11, 2023

it9gamelog commented Jun 10, 2023

xrado commented Aug 13, 2023 • edited

SuperSchek commented Aug 24, 2023

TianbinTobin commented Sep 7, 2023 • edited

Aviv-Galmidi commented Apr 7, 2024

Glandos commented Feb 7, 2023 •

edited

michug commented Feb 7, 2023 •

edited

Glandos commented Feb 8, 2023 •

edited

michug commented Feb 8, 2023 •

edited

xrado commented Aug 13, 2023 •

edited

TianbinTobin commented Sep 7, 2023 •

edited