关于【webpack】的问题- 第1页

TOLMAX AM

Asked: 2024-10-09 01:38:41 +0000 UTC

运行 webpack 时出现错误： Error: Child Compilation failed: SyntaxError: Unexpected token ';'

6

import "./pages/index.css";

import {getgoodsCards, getgoodsCards2} from "./scripts/goods.js";
// import {getgoodsCards} from "./goodsOne.js"
// import {generatePopup} from "./modals.js"
import {arrowLeft, arrowRight, nextSlide, previousSlide, addPagination} from "./scripts/slider.js";
import {getgoodsScroll1, getgoodsScroll2, getgoodsScroll3, getgoodsScroll4} from "./scripts/scroll.js";


const tipeOfBoxes = document.querySelector(".goods__image");
const tipeOfBoxes2 = document.querySelector(".goods__image-shelfs");

const scrollSlider1 = document.querySelector('.one');
const scrollSlider2 = document.querySelector('.two');
const scrollSlider3 = document.querySelector('.three');
const scrollSlider4 = document.querySelector('.four');

    // Для вставки карточек в разметку
tipeOfBoxes.addEventListener('click', getgoodsCards);
    // Для вставки карточек в разметку
tipeOfBoxes2.addEventListener('click', getgoodsCards2);
    // Для открытия модального окна
// tipeOfBoxes.addEventListener('click', generatePopup)


scrollSlider1.addEventListener('click', getgoodsScroll1);
scrollSlider2.addEventListener('click', getgoodsScroll2);
scrollSlider3.addEventListener('click', getgoodsScroll3);
scrollSlider4.addEventListener('click', getgoodsScroll4);



arrowLeft.addEventListener("click", previousSlide);
arrowRight.addEventListener("click", nextSlide);

addPagination();
// setInterval(showImage, 3000);
// setInterval(changeSlides, 3000);
// changeSlides, showImage

运行 webpack 时会出现语法错误。如何理解在哪一行代码中查找错误？

`Html Webpack Plugin:

错误：子编译失败：模块构建失败（来自 ./node_modules/html-webpack-plugin/lib/loader.js）：语法错误：意外的标记“.”`

<!DOCTYPE html>
<html lang="ru">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name='description' content='Сайт производителя индивидуальной мебели'>
  <meta name='keywords' content='html, css'>
  <meta name="author" content="Анатолий">
  <!-- <link rel="stylesheet" href="./pages/index.css"> -->
  <title>ЯЩИЧКИ & ЯЩИКИ</title>
</head>

<body class="body">

  <header class="header">
    <img src="<%=require('./images/logo-nuts.jpg'%>" alt="логотип" class="header__logo">
    <button type="button" class="header__button">ЗАКАЗАТЬ ПО ВАШИМ РАЗМЕРАМ ЛЮБОЙ ТОВАР</button>
  </header>

  <main class="page">

    <section class="message">
      <h1 class="message__title">ЯЩИЧКИ & ЯЩИКИ</h1>
      <p class="message__subtitle">Производство деревянных ящиков для хранения вещей и продуктов по Вашим индивидуальным
        размерам</p>
    </section>

    <section id="slider-container">
      <div id="top">
        <img src="<%=require('./images/211689_left_arrow_icon.png')%>" alt="" class="arrow arrow-left">
        <div id="frame">
          <div id="slider">
            <img src="<%=require('./images/boxes.jpg')%>" alt="" class="slider-image">
            <img src="<%=require('./images/tumbs.jpg')%>" alt="" class="slider-image">
            <img src="<%=require('./images/shellboxes.jpg')%>" alt="" class="slider-image">
            <img src="<%=require('./images/shells.jpg')%>" alt="" class="slider-image">
          </div>
        </div>
        <img src="<%=require('../images/211689_left_arrow_icon.png')%>" alt="" class="arrow arrow-right">
      </div>
      <div id="bottom"></div>
    </section>

    <section class="goods" aria-label="Виды продукции">
      <article id="boxes" class="goods__container">
        <h2 class="goods__title">ЯЩИКИ</h2>
        <div class="goods__box">
          <img src="<%=require('./images/P1722526.jpg')%>" alt="фото Ящики" class="goods__image">
          <div>
            <p class="goods__paragraph">ТУТ БУДЕТ КРАТКОЕ ОПИСАНИЕ ПРО ЯЩИКИ
              Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam
              rem
              aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt
              explicabo.
              Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni
              dolores eos qui ratione voluptatem sequi nesciunt.</p>
          </div>
        </div>
      </article>
    </section>

    <section class="goods" aria-label="Виды продукции">
      <article id="shelfs" class="goods__container">
        <h2 class="goods__title2">ПОДСТАВКИ</h2>
        <div class="goods__box2">
          <img src="<%=require('./images/tumbs.jpg')%>" alt="фото Ящики" class="goods__image-shelfs">
          <div>
            <p class="goods__paragraph">ТУТ БУДЕТ КРАТКОЕ ОПИСАНИЕ ПРО ЯЩИКИ
              Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam
              rem
              aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt
              explicabo.
              Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni
              dolores eos qui ratione voluptatem sequi nesciunt.</p>
          </div>
        </div>
      </article>
    </section>

    <section class="goods" aria-label="Виды продукции">
      <article id="bigboxes" class="goods__container">
        <h2 class="goods__title">ШКАФЫ</h2>
        <div class="goods__box">
          <img src="<%=require('./images/shellboxes.jpg')%>" alt="фото Ящики" class="goods__image">
          <div>
            <p class="goods__paragraph">ТУТ БУДЕТ КРАТКОЕ ОПИСАНИЕ ПРО ЯЩИКИ
              Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam
              rem
              aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt
              explicabo.
              Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni
              dolores eos qui ratione voluptatem sequi nesciunt.</p>
          </div>
        </div>
      </article>
    </section>

    <section class="goods" aria-label="Виды продукции">
      <article id="tumbs" class="goods__container">
        <h2 class="goods__title">ТУМБЫ</h2>
        <div class="goods__box">
          <img src="<%=require('./images/shells.jpg')%>" alt="фото Ящики" class="goods__image">
          <div>
            <p class="goods__paragraph">ТУТ БУДЕТ КРАТКОЕ ОПИСАНИЕ ПРО ЯЩИКИ
              Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam
              rem
              aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt
              explicabo.
              Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni
              dolores eos qui ratione voluptatem sequi nesciunt.</p>
          </div>
        </div>
      </article>
    </section>

    <!-- <section class="cover">
      <a href="https://stampsy.com/na-elektrichkakh-do-baikala" class="cover__overlay" target="_blank">
        <h2 class="cover__title">До Байкала «на собаках»</h2>
        <p class="cover__subtitle">По мотивам учебной темы о Транссибе — путешествие от столицы до Байкала на
          электричках.
        </p>
      </a>
    </section> -->
  </main>

  <footer class="footer">
    <nav>
      <ul class="footer__links">
        <li><a href="https://travel.yandex.ru" class="footer__link" target="_blank">телефон</a></li>
        <li><a href="https://travel.yandex.ru" class="footer__link" target="_blank">e-mail</a></li>
      </ul>
    </nav>

    <p class="footer__copyright">2023 AM studio</p>

  </footer>

  <!-- <div class="popup">
    <div class="popup__content">

    </div>
    <button type="button" class="popup__close"></button>
  </div> -->


  <!-- <script type="module" src="./scripts/index.js"></script> -->

  <template id="card-template">
    <div class="elements__card">
      <h2 class="elements__name"></h2>
      <img class="elements__image" src="" alt=""/>
      <!-- <button type="button" class="elements__heart"></button> -->
      <!-- <button type="button" class="elements__button">ВЫБРАТЬ</button> -->
    </div>
  </template>

</body>

</html>

Html Webpack Plugin:
  Error: Child compilation failed:
  Module build failed (from ./node_modules/html-webpack-plugin/lib/loader.js):
  SyntaxError: Unexpected token ';'
      at Function ()
      at C:\Users\Пресс-служба\dev\My_PET_Projects\SuperBox\node_modules\lodash\lodash.js:14942:16
      at apply (C:\Users\Пресс-служба\dev\My_PET_Projects\SuperBox\node_modules\lodash\lodash.js:487:27)
      at C:\Users\Пресс-служба\dev\My_PET_Projects\SuperBox\node_modules\lodash\lodash.js:15326:16
      at apply (C:\Users\Пресс-служба\dev\My_PET_Projects\SuperBox\node_modules\lodash\lodash.js:489:27)
      at C:\Users\Пресс-служба\dev\My_PET_Projects\SuperBox\node_modules\lodash\lodash.js:6627:16
      at Function.template (C:\Users\Пресс-служба\dev\My_PET_Projects\SuperBox\node_modules\lodash\lodash.js:14941:20)
      at module.exports (C:\Users\Пресс-служба\dev\My_PET_Projects\SuperBox\node_modules\html-webpack-plugin\lib\loader.js:32:22)
  ModuleBuildError: Module build failed (from ./node_modules/html-webpack-plugin/lib/loader.js):
  SyntaxError: Unexpected token ';'
      at Function ()
      at C:\Users\Пресс-служба\dev\My_PET_Projects\SuperBox\node_modules\lodash\lodash.js:14942:16
      at apply (C:\Users\Пресс-служба\dev\My_PET_Projects\SuperBox\node_modules\lodash\lodash.js:487:27)
      at C:\Users\Пресс-служба\dev\My_PET_Projects\SuperBox\node_modules\lodash\lodash.js:15326:16
      at apply (C:\Users\Пресс-служба\dev\My_PET_Projects\SuperBox\node_modules\lodash\lodash.js:489:27)
      at C:\Users\Пресс-служба\dev\My_PET_Projects\SuperBox\node_modules\lodash\lodash.js:6627:16
      at Function.template (C:\Users\Пресс-служба\dev\My_PET_Projects\SuperBox\node_modules\lodash\lodash.js:14941:20)
      at module.exports (C:\Users\Пресс-служба\dev\My_PET_Projects\SuperBox\node_modules\html-webpack-plugin\lib\loader.js:32:22)
      at processResult (C:\Users\Пресс-служба\dev\My_PET_Projects\SuperBox\node_modules\webpack\lib\NormalModule.js:889:19)
      at C:\Users\Пресс-служба\dev\My_PET_Projects\SuperBox\node_modules\webpack\lib\NormalModule.js:1030:5
      at C:\Users\Пресс-служба\dev\My_PET_Projects\SuperBox\node_modules\loader-runner\lib\LoaderRunner.js:400:11
      at C:\Users\Пресс-служба\dev\My_PET_Projects\SuperBox\node_modules\loader-runner\lib\LoaderRunner.js:252:18
      at runSyncOrAsync (C:\Users\Пресс-служба\dev\My_PET_Projects\SuperBox\node_modules\loader-runner\lib\LoaderRunner.js:156:3)
      at iterateNormalLoaders (C:\Users\Пресс-служба\dev\My_PET_Projects\SuperBox\node_modules\loader-runner\lib\LoaderRunner.js:251:2)
      at C:\Users\Пресс-служба\dev\My_PET_Projects\SuperBox\node_modules\loader-runner\lib\LoaderRunner.js:224:4
      at C:\Users\Пресс-служба\dev\My_PET_Projects\SuperBox\node_modules\webpack\lib\NormalModule.js:984:15
      at Array.eval (eval at create (C:\Users\Пресс-служба\dev\My_PET_Projects\SuperBox\node_modules\tapable\lib\HookCodeFactory.js:33:10), :12:1)
      at runCallbacks (C:\Users\Пресс-служба\dev\My_PET_Projects\SuperBox\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:45:15)
  
  - Function
  
  - lodash.js:14942 
    [SuperBox]/[lodash]/lodash.js:14942:16
  
  - lodash.js:487 apply
    [SuperBox]/[lodash]/lodash.js:487:27
  
  - lodash.js:15326 
    [SuperBox]/[lodash]/lodash.js:15326:16
  
  - lodash.js:489 apply
    [SuperBox]/[lodash]/lodash.js:489:27
  
  - lodash.js:6627 
    [SuperBox]/[lodash]/lodash.js:6627:16
  
  - lodash.js:14941 Function.template
    [SuperBox]/[lodash]/lodash.js:14941:20
  
  - loader.js:32 module.exports
    [SuperBox]/[html-webpack-plugin]/lib/loader.js:32:22
  
  - ModuleBuildError: Module build failed (from ./node_modules/html-webpack-plugin/lib/loader.js):
  
  - SyntaxError: Unexpected token ';'
  
  - Function
  
  - lodash.js:14942 
    [SuperBox]/[lodash]/lodash.js:14942:16
  
  - lodash.js:487 apply
    [SuperBox]/[lodash]/lodash.js:487:27
  
  - lodash.js:15326 
    [SuperBox]/[lodash]/lodash.js:15326:16
  
  - lodash.js:489 apply
    [SuperBox]/[lodash]/lodash.js:489:27
  
  - lodash.js:6627 
    [SuperBox]/[lodash]/lodash.js:6627:16
  
  - lodash.js:14941 Function.template
    [SuperBox]/[lodash]/lodash.js:14941:20
  
  - loader.js:32 module.exports
    [SuperBox]/[html-webpack-plugin]/lib/loader.js:32:22
  
  - NormalModule.js:889 processResult
    [SuperBox]/[webpack]/lib/NormalModule.js:889:19
  
  - NormalModule.js:1030 
    [SuperBox]/[webpack]/lib/NormalModule.js:1030:5
  
  - LoaderRunner.js:400 
    [SuperBox]/[loader-runner]/lib/LoaderRunner.js:400:11
  
  - LoaderRunner.js:252 
    [SuperBox]/[loader-runner]/lib/LoaderRunner.js:252:18
  
  - LoaderRunner.js:156 runSyncOrAsync
    [SuperBox]/[loader-runner]/lib/LoaderRunner.js:156:3
  
  - LoaderRunner.js:251 iterateNormalLoaders
    [SuperBox]/[loader-runner]/lib/LoaderRunner.js:251:2
  
  - LoaderRunner.js:224 
    [SuperBox]/[loader-runner]/lib/LoaderRunner.js:224:4
  
  - NormalModule.js:984 
    [SuperBox]/[webpack]/lib/NormalModule.js:984:15
  
  
  - CachedInputFileSystem.js:45 runCallbacks
    [SuperBox]/[enhanced-resolve]/lib/CachedInputFileSystem.js:45:15
  
  - child-compiler.js:174 
    [SuperBox]/[html-webpack-plugin]/lib/child-compiler.js:174:18
  
  - Compiler.js:627 finalCallback
    [SuperBox]/[webpack]/lib/Compiler.js:627:5
  
  - Compiler.js:662 
    [SuperBox]/[webpack]/lib/Compiler.js:662:11
  
  - Compiler.js:1348 
    [SuperBox]/[webpack]/lib/Compiler.js:1348:17
  
  
  - Hook.js:18 Hook.CALL_ASYNC_DELEGATE [as _callAsync]
    [SuperBox]/[tapable]/lib/Hook.js:18:14
  
  - Compiler.js:1344 
    [SuperBox]/[webpack]/lib/Compiler.js:1344:33
  
  - Compilation.js:2925 finalCallback
    [SuperBox]/[webpack]/lib/Compilation.js:2925:11
  
  - Compilation.js:3238 
    [SuperBox]/[webpack]/lib/Compilation.js:3238:11

johnymkp

Asked: 2024-08-14 17:26:05 +0000 UTC

执行构建脚本时如何正确地将参数传递给 webpack 配置？

5

我无法理解如何将参数传递给 webpack 配置（webpack 版本 5）。一些奇怪的行为。

这是 webpack 配置，webpack.config.js：

const path = require('path');

module.exports = (env, argv) => {
  return {
    mode: env.mode,
    entry: './src/index.js',
    output: {
      filename: 'main.js',
      path: path.resolve(__dirname, 'dist'),
      clean: true
    }
  }
};

这是节点项目本身的配置，package.json：

{
  "name": "mywebpack",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build": "webpack"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "webpack": "^5.93.0",
    "webpack-cli": "^5.1.4"
  }
}

这就是我调用构建脚本的方式：

npm run build --env mode=development

预期的行为是 webpack 配置中的函数中的 env 参数将有一个 mode 字段，其值将是字符串“development”。但实际上这不会发生，我收到错误

[webpack-cli] Unknown command or entry 'mode=development'

从中可以清楚地看出没有 env.mode。

如果您向构建脚本添加任意参数，例如如下所示：

"scripts": {
    "build": "webpack --env foo=bar"
  }

再次运行npm run build --env mode=development，env.mode就被填满了。我可以通过最终 main.js 文件中的更改来判断这一点；其中出现开发“tinsel”，如果将其转移到生产环境，那么它就会相应消失。

那些。看起来如果脚本描述没有描述单个参数，则根本不会创建参数的对象。但是如果我们在脚本描述中描述至少一个参数，那么在调用这个脚本时我们将能够传递至少10个参数，并且所有这些参数都将成为第一个参数（env）的字段。那么它有效吗？这是第一个问题。

另外，第二个参数 argv 的用途尚不清楚。从文档来看，它应该在运行脚本时收集我们传递的所有参数--（而不是通过 --env）。那些。例如，如果npm run build --hello="Hello, world!"，则 argv.hello 将包含字符串“Hello, world!”。然而，事实并非如此：

const path = require('path');

module.exports = (settings, argv) => {
  console.log("argv.hello=" + argv.hello);  // argv.hello=undefined

  return {
    mode: argv.mode,
    entry: './src/index.js',
    output: {
      filename: 'main.js',
      path: path.resolve(__dirname, 'dist'),
      clean: true
    }
  }
};

该文件传达了事实--mode=production，即你可能会认为这种方式不能传递任意参数，而只能传递 webpack 已知的参数，比如 mode。但是，我尝试像这样传递--mode，它也是未定义的。最终如何正确使用第二个argv参数？这是第二个问题。

Andrey Semykin

Asked: 2022-09-30 23:50:41 +0000 UTC

如何从另一个 webpack 模块获得对变量的写访问权限

0

有两个模块。为了构建 webpack，我将一个变量从一个模块导出到另一个模块。变量的值可以在另一个模块中读取，但该值不能更改。我想了解为什么以及如何处理它？

import {ttt} from './common.js';

console.log('Что я вижу из другого модуля:', ttt);

ttt = 'фффффффф';
console.log('А теперь:', ttt);

let ttt = 'мы должны видеть это в другом модуле';
export {ttt}

这是在控制台中看到的内容：

我从另一个模块看到的：我们应该在另一个模块 TicTacToe.js:4 中看到这个

未捕获的类型错误：设置 getter-only 属性“ttt”TicTacToe.js:6 index.js:525 index.js:528

floweredcat

Asked: 2022-07-19 16:27:02 +0000 UTC

如何设置配置 webpack 模块加载？

1

我第一次尝试在一个旧项目上自己设置 webpack，我不明白为什么只加载了 html，它在启动时出错：

拒绝应用来自 'http://localhost:8080/pages/index.css' 的样式，因为它的 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型，并且启用了严格的 MIME 检查。

还有 404 用于脚本和图片

webpack.config.js：

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const webpack = require('webpack')

module.exports = {
    
    mode: 'development',
    entry: {
        main: path.resolve(__dirname, './scripts/index.js'),
    },
    output: {
        path: path.resolve(__dirname, './dist'),
        filename: 'index.bundle.js',
    },
    plugins: [
        new HtmlWebpackPlugin({
            title: 'webpack Boilerplate',
            template: path.resolve(__dirname, './index.html'), 
            filename: 'index.html', 
            inject: false
        }),
        new CleanWebpackPlugin(),
        new webpack.HotModuleReplacementPlugin(),
    ],
    devServer: {
        static: {
            directory: path.join(__dirname, 'public'),
          },
          compress: true,
          port: 8080,
          hot: true
        },
    module: {
        rules: [
            {
                test: /\.(css)$/,
                use: ['style-loader', 'css-loader']
            },
        ]
    }
}

CSS连接：

<link rel="stylesheet" href="../pages/index.css">

JS连接：

<script type="module" src="../scripts/index.js"></script>

css 文件只导入 css 模块，没有别的

PS我做了所有这一切，从几个不同的教程中收集信息，所以我已经完全迷失了可能出现错误的地方

Aleksandr Volkov

Asked: 2022-08-15 22:24:02 +0000 UTC

Uncaught ReferenceError: jQuery is not defined issue when including item-quantity-dropdown plugin via webpack

0

我通过 webpack html 形成 form-elements.html 页面。我在这个页面的JS文件中连接了item-quantity-dropdown插件：

import $ from "jquery";
import './form-elements.scss'
import 'item-quantity-dropdown/lib/item-quantity-dropdown.min';
import 'item-quantity-dropdown/lib/item-quantity-dropdown.min.css';

$(document).ready(() => {
  $('.iqdropdown').iqDropdown({});
});

webpack.config.js 文件

const HtmlWebpackPlugin = require('html-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const webpack = require('webpack');

let globule = require('globule');
let mode = 'development';
if ( process.env.NODE_ENV === 'production' ) {
  mode = 'production'
}
console.log(mode + ' mode');

const paths = globule.find(["src/pages/**/*.pug"])

module.exports = {
  mode: mode,
  entry: {
    'colors-types': './src/pages/colors-types/colors-types.js',
    'form-elements': './src/pages/form-elements/form-elements.js',
  },
  output: {
    filename: '[name],[contenthash].js',
    assetModuleFilename: "assets/[hash][ext][query]",
    clean: true,
  },
  devtool: 'source-map',
  optimization: {
    splitChunks: {
      chunks: "all",
    },
  },
  plugins: [
    new webpack.ProvidePlugin({
      $: 'jquery',
      '$': 'jquery',
    }),
    new MiniCssExtractPlugin({
      filename: '[name].[contenthash].css'
}),
  //   new HtmlWebpackPlugin({
  //   template: "./src/pages/colors-types/colors-types.pug"
  // }),
    ...paths.map((path) => {
      return new HtmlWebpackPlugin( {
        template: path,
        filename: `${path.split(/\/|.pug/).splice(-2, 1)}.html`,
      });
    })],
  module: {
    rules: [
      {
        test: /\.html$/i,
        loader: "html-loader",
      },
      {
        test: /\.(sa|sc|c)ss$/,
        use: [
          (mode === 'development') ? "style-loader" : MiniCssExtractPlugin.loader,
          "css-loader",
          {
            loader: "postcss-loader",
            options: {
              postcssOptions: {
                plugins: [
                  [
                    "postcss-preset-env",
                    {
                      //Options
                    }
                  ]
                ]
              }
            }
          },
          "sass-loader",
        ]
      },
      {
        test: /\.(png|svg|jpg|jpeg|gif)$/i,
        type: 'asset/resource',
      },
      {
        test: /\.(woff|woff2|eot|ttf|otf)$/i,
        type: "asset/resource",
      },
      {
        test: /\.pug$/,
        loader: 'pug-loader',
        exclude: /(node-modules|bower_components)/,
      },
      {
        test: /\.m?js$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-env']
          }
        }
      },
    ]
  },

}

当我生成页面时，form-elements.html我在控制台中收到以下错误：

ReferenceError：未定义 jQuery

可能是什么问题呢？

运行 webpack 时出现错误： Error: Child Compilation failed: SyntaxError: Unexpected token ';'

执行构建脚本时如何正确地将参数传递给 webpack 配置？

如何从另一个 webpack 模块获得对变量的写访问权限

如何设置配置 webpack 模块加载？

Uncaught ReferenceError: jQuery is not defined issue when including item-quantity-dropdown plugin via webpack

我看不懂措辞

请求的模块“del”不提供名为“default”的导出

"!+tab" 在 HTML 的 vs 代码中不起作用

我正在尝试解决“猜词”的问题。Python

可以使用哪些命令将当前指针移动到指定的提交而不更改工作目录中的文件？

Python解析野莓

问题：“警告：检查最新版本的 pip 时出错。”

帮助编写一个用值填充变量的循环。解决这个问题

尽管依赖数组为空，但在渲染上调用了 2 次 useEffect

数据不通过 Telegram.WebApp.sendData 发送

问题[webpack]