Bootstrap 4 Выполнение пакета WebPack завершается с ошибкой - PullRequest
Новая
       14

Bootstrap 4 Выполнение пакета WebPack завершается с ошибкой

0 голосов
/ 01 августа 2020

Я пытался связать код bootstrap с WebPack 4, но безуспешно. Браузер не жалуется на сгенерированный пакет boostrap, но похоже, что он вообще не запускается.

Я выполнил шаги раздела «Импорт JavaScript», описанные на этой странице: https://getbootstrap.com/docs/4.0/getting-started/webpack

Вот как я пытался связать webpack:

  1. Установка зависимостей
    npm install --save-dev bootstrap jquery popper.js
  2. Импорт bootstrap
    public / bootstrap. js файл 
    import 'bootstrap'
  3. Настройка webpack.config. js 
      module.exports = {
      // ...
      entry: {
          // ...
          "bootstrap": 'public/boostrap.js'
      },
      // ...
      target: 'web',
      resolve: {
          modules: [
              path.resolve('./node_modules'),
              path.resolve('./public')
          ],
          // ...
     }
 }
  4. Запустить npx webpack 
        Hash: 3fcf4882fa5fba879c44
    Version: webpack 4.43.0
    Time: 1401ms
    Built at: 01.08.2020 14:45:10
    Asset                         Size         Chunks                        Chunk Names
    bootstrap.bundle.js           7.21 KiB     bootstrap  [emitted]          bootstrap
    ...
    vendors~bootstrap.bundle.js   547 KiB      vendors~bootstrap  [emitted]  vendors~bootstrap
    ...
    Entrypoint bootstrap = vendors~bootstrap.bundle.js bootstrap.bundle.js
    [./node_modules/webpack/buildin/global.js] (webpack)/buildin/global.js 472 bytes {vendors~main {vendors~bootstrap} [built]
    ...
    [./public/bootstrap.js] 309 bytes {bootstrap} [built]
 + 50 hidden modules
  5. Включить пакет boostrap 
        <script src="/public/boostrap.bundle.js" as="script"></script>

Но

Свертывание панели навигации и выпадающие меню не работают. Если я попытаюсь добавить предупреждение в bootstrap.js: 

import "bootstrap";
alert("Hello!");

, предупреждение не появится. Если я удалю импорт bootstrap, появится предупреждение. Браузер (Firefox) не отображает никаких предупреждений в консоли и отладчике.

Была ли у кого-нибудь подобная проблема и знает, как ее исправить?

(Я не компилирую css с WebPack, я использую пакет npm s css без webpack для компиляции файлов начальной загрузки s css)

...