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

owlyowl · 2024-10-24T06:53:34Z

Also experiencing the same issue:

"dependencies": {
        "core-js": "^3.8.3",
        "raygun4js": "^3.0.1",
        "style-resources-loader": "^1.5.0",
        "uuid": "^9.0.0",
        "vue": "^3.2.13",
        "vue-class-component": "^8.0.0-0",
        "vue-i18n": "^9.14.1",
        "vue-property-decorator": "^10.0.0-rc.3",
        "vuex": "^4.0.0",
        "vuex-module-decorators": "^2.0.0"
    },
    "devDependencies": {
        "@intlify/unplugin-vue-i18n": "^5.2.0",
        "@intlify/vue-i18n-loader": "^4.2.0",
        "@types/grecaptcha": "^3.0.7",
        "@types/node": "^18.11.18",
        "@types/raygun4js": "^3.0.0",
        "@types/uuid": "^9.0.0",
        "@typescript-eslint/eslint-plugin": "^5.50.0",
        "@typescript-eslint/parser": "^5.50.0",
        "@vue/cli-plugin-babel": "~5.0.0",
        "@vue/cli-plugin-eslint": "~5.0.8",
        "@vue/cli-plugin-typescript": "~5.0.0",
        "@vue/cli-plugin-vuex": "~5.0.0",
        "@vue/cli-service": "~5.0.0",
        "@vue/eslint-config-standard": "^8.0.1",
        "@vue/eslint-config-typescript": "^11.0.2",
        "aws-sdk": "^2.1308.0",
        "cross-env": "^7.0.3",
        "eslint": "^8.33.0",
        "eslint-config-prettier": "^8.6.0",
        "eslint-plugin-eslint-comments": "^3.2.0",
        "eslint-plugin-import": "^2.27.5",
        "eslint-plugin-prettier": "^4.2.1",
        "eslint-plugin-promise": "^6.1.1",
        "eslint-plugin-vue": "^9.9.0",
        "file-loader": "^6.2.0",
        "pretty-hrtime": "^1.0.3",
        "rimraf": "^4.1.2",
        "sass": "^1.32.7",
        "sass-loader": "^12.0.0",
        "svg-inline-loader": "^0.8.2",
        "typescript": "~4.5.5",
        "vue-i18n-loader": "^0.1.1"
    }

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

Loading

michug commented Feb 7, 2023 •

edited

Loading

Glandos commented Feb 8, 2023

Glandos commented Feb 8, 2023 •

edited

Loading

michug commented Feb 8, 2023 •

edited

Loading

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

Loading

SuperSchek commented Aug 24, 2023

TianbinTobin commented Sep 7, 2023 •

edited

Loading

Aviv-Galmidi commented Apr 7, 2024

owlyowl commented Oct 24, 2024

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

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

Comments

Glandos commented Feb 7, 2023 • edited Loading

Reporting a bug?

Expected behavior

Reproduction

Issue Package

System Info

Screenshot

Additional context

Validations

michug commented Feb 7, 2023 • edited Loading

Glandos commented Feb 8, 2023

Glandos commented Feb 8, 2023 • edited Loading

michug commented Feb 8, 2023 • edited Loading

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 Loading

SuperSchek commented Aug 24, 2023

TianbinTobin commented Sep 7, 2023 • edited Loading

Aviv-Galmidi commented Apr 7, 2024

owlyowl commented Oct 24, 2024

Glandos commented Feb 7, 2023 •

edited

Loading

michug commented Feb 7, 2023 •

edited

Loading

Glandos commented Feb 8, 2023 •

edited

Loading

michug commented Feb 8, 2023 •

edited

Loading

xrado commented Aug 13, 2023 •

edited

Loading

TianbinTobin commented Sep 7, 2023 •

edited

Loading