shopify - ブートストラップ 3 と jQuery をスレートに追加する方法

Question

私はshopifyを始めたばかりで、問題があります。

テンプレートにブートストラップ 3 を追加する必要があり、jquery に問題があります。このエラーが発生しました Uncaught Error: Bootstrap's JavaScript requires jQuery

その私のtheme.jsコード

import 'lazysizes/plugins/object-fit/ls.object-fit';
import 'lazysizes/plugins/parent-fit/ls.parent-fit';
import 'lazysizes/plugins/rias/ls.rias';
import 'lazysizes/plugins/bgset/ls.bgset';
import 'lazysizes';
import 'lazysizes/plugins/respimg/ls.respimg';

import jQuery from 'jquery'

import "bootstrap/dist/js/bootstrap";


import '../../styles/theme.scss';
import '../../styles/theme.scss.liquid';

それは私のslate.config.jsです

/* eslint-disable */

// Configuration file for all things Slate.
// For more information, visit https://github.com/Shopify/slate/wiki/Slate-Configuration

const path = require('path');

    module.exports = {
      'cssVarLoader.liquidPath': ['src/snippets/css-variables.liquid'],
      'webpack.extend': {
        resolve: {
          alias: {
            jquery: path.resolve('./node_modules/jquery'),
            'lodash-es': path.resolve('./node_modules/lodash-es'),
          },
        },
      },
    };

私はwebpackで作業し、他のプロジェクトでこのコードを使用していますが、問題はありません

  plugins:[
    new webpack.ProvidePlugin({
      $: 'jquery',
      jQuery: 'jquery'
    })
  ]