Question

我是shopify的新人，我有问题。

我需要将bootstrap 3添加到我的模板中，并且jquery有问题我有这个错误未捕获的错误：Bootstrap的JavaScript需要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'
    })
  ]

如何将bootstrap 3和jQuery添加到列表中

0 个答案: