0

我是 shopify 的新手，我遇到了问题。

我需要将 bootstrap 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'
    })
  ]
4

0 回答 0