Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

Webpack + vue.config.js failed to compile

オープン
#222 コメント 16 件 リアクション 11 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
3/5
見積もり時間
1〜2日
初心者へのやさしさ
38/100
issue の種類
バグ
明瞭さ
おおむね明確
活発さ
停滞
技術スタック
javascript, webpack
領域
build-system

調査の方向性

リンクされた再現ケースとその vue.config.js から始め、次に yarn build を実行して、報告された child-compilation のパースエラーを再現します。関係する Webpack の設定と loader を追跡します。再現ケースが HTML モジュールのパース失敗なしに正常にビルドできれば完了です。

索引モデルが issue の本文から書いたものです。

説明

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.
主要言語
TypeScript
スター
270
フォーク
46
PR マージ指標
30日以内にマージされた PR はありません

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

intlify/bundle-tools のほかの issue

intlify/bundle-tools の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。