reactjs - 如何将 Bootstrap JS 和 Jquery JS 添加到 Next JS

这是一个运行在 create-react-app 和 上的应用程序 下一个 JS
。它们之间的区别是 CRA 似乎已经加载了 bootstrap.mon.js 和 jquery.min.js 而 NextJS 没有。我通过 next/head 向 NextJS 代码添加了一个 HEAD 部分，并尝试加载两个 JS 文件。虽然没有错误，但我也没有看到正确的结果。
有人可以帮助我理解为什么 NextJS 会发生这种情况，我应该怎么做才能让 NextJS 使用 bootstrap 和 jquery 正确加载我的应用程序

最佳答案

通过 npm 安装后，您可以在 componentDidMount() 中要求客户端库。

import React, { Component } from 'react';

export class HomePage extends Component {
    render() {
        return (
            <div>
                Hello
            </div>
        );
    }

    componentDidMount() {
        require('jquery');
        require('popper');
        require('bootstrap');
    }
}

export default HomePage;

关于reactjs - 如何将 Bootstrap JS 和 Jquery JS 添加到 Next JS，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/58032774/