ReactJS.NET-无法使用Bootstrap Popover，没有Webpack

编程问答 2022-08-12

问题描述

当前，我在React JSX文件而不是Bootstrap Popover中获得此CSS工具提示：

enter image description here

我注意到，只要确保在布局文件中的脚本之后添加了调用JQuery popover的脚本标记，就可以在Razor View中很好地使用Bootstrap Popover：

@Scripts.Render("~/bundles/jquery")
    @*@Scripts.Render("~/bundles/popper")*@
    @Scripts.Render("~/bundles/bootstrap")
    @Scripts.Render("~/bundles/datetime")
    @Scripts.Render("~/bundles/toastr")
    <script>
        $(document).ready(function () {
            $('[data-toggle="popover"]').popover({
            })
        });
    </script>

结果：

enter image description here

很明显，弹出框阻止了文本，这是一个单独的问题。但是如何在我的JSX文件中得到它？我已经尝试在我的ReactConfig文件中添加对Bootstrap和JQuery的引用，但是出现类似“ fn is undefined”和类似消息的错误。我不想安装React-Bootstrap，因为当我使用NuGet进行安装时，我发现我的许多文件都退出了工作，导致我不得不恢复以前的版本。

如果可以避免的话，我也不想安装WebPack。我以为这篇文章可以解决我的问题：

ReactJs.NET - ScriptBundling with Server-side component rendering

但是，我遇到了我先前描述的问题。

有人可以建议我如何使它工作，以便可以开始在JSX文件中使用Bootstrap Popovers吗？每当我添加脚本标签（如对ComponentDidMount的引用）时，如此处所述：

How do I initialize the Bootstrap 4 popover in a React application?

我得到经典的“ $”未定义错误。

在此先感谢您提供任何提示或建议。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascriptreactjsreactjsreactjsreactjsreactjs.nettwitter-bootstrap