Javascript 当使用NPM将引导添加到项目中时，如何使bootstrap.js、jquery和popper.js正常工作？

我已经建立了一个基本项目，并通过npm添加了引导。尽管sass成功地工作，但我在加载引导组件所依赖的javascript文件时遇到了一些麻烦。值得一提的是，我正在使用一个流浪者盒子（虚拟机）来完成这个项目。另外，我正在使用浏览器同步插件，它启动一个迷你服务器并引用来自虚拟机的服务器。我希望我能很好地解释我自己

索引文件（在公用文件夹中）

控制台错误

---

当我将NPM与引导一起使用时，我实际上不会将

节点模块

文件夹部署到服务器（生产/暂存），因此当我构建本地项目时，我倾向于将这些节点模块导入到我的主js src文件中，并将它们编译到分发文件夹中

如果您像现在这样直接调用

node\u模块

，那么您也必须将

node\u模块

上传到您的生产/暂存环境中，我认为这并不理想

我如何将jQuery、Bootstrap和Popper导入我的

src/js/theme.js

，然后编译成

dist/js/theme.js

，如下所示

// load jquery
import jQuery from 'jquery';
window.jQuery = window.$ = jQuery;

// pull in our vendors
require('bootstrap');
require('popper.js');

// all your custom js here...

<script src="/dist/js/theme.js"></script>

然后只需像这样获取发行版

theme.js

文件

// load jquery
import jQuery from 'jquery';
window.jQuery = window.$ = jQuery;

// pull in our vendors
require('bootstrap');
require('popper.js');

// all your custom js here...

<script src="/dist/js/theme.js"></script>

这是否回答了您的问题@德希兹哼。。。我使用的是browser sync提供的迷你服务器，它引用了vagrant服务器（因为我使用的是VM homestead box），所以我看不出这与我的问题有什么关系。你的问题让我意识到node_modules文件夹位于项目根目录中，这意味着没有提供服务。对。但是，我承认，我还在这里挣扎。真的很抱歉，如果我现在很烦人…您可能需要澄清您的问题，并对您试图解决的问题进行更具体的描述和代码。我希望问题和描述现在有意义。