当包含jquery和引导时模块解析失败

Question

我要在我的.vue文件中添加SB管理模板，

当我在我的jquery.js和bootstrap.js中包含main.js时，它返回以下错误：

错误在./~/dist/dist/js/jquery.js模块解析失败: E:\swapnil\sanskar\front\node_modules\bootstrap\dist\js\jquery.js意外令牌(7586:0)您可能需要一个适当的加载程序来处理此文件类型。(E:\swapnil\sanskar\front\node_modules\acorn\dist\acorn.js:2221:15)：(E:\swapnil\sanskar\front\node_modules\acorn\dist\acorn.js:603:10) at Parser.pp$3.3.parseExprAtom (E:\swapnil\sanskar\front\node_modules\acorn\dist\acorn.js:1822:12) at Parser。pp$3.parseExprSubscript (E:\swapnil\sanskar\front\node_modules\acorn\dist\acorn.js:1715:21) at Parser.pp$3.parseMaybeUnary (E:\swapnil\sanskar\front\node_modules\acorn\dist\acorn.js:1692:19) at Parser.pp$3.parseExprOps (E:\swapnil\sanskar\front\node_modules\acorn\dist\acorn.js:1637:21) at Parser.pp$3.parseMaybeConditional (E:\swapnil\sanskar\front\node_(E:\swapnil\sanskar\front\node_modules\acorn\dist\acorn.js:1597:21) at Parser.pp$3.parseMaybeAssignParser.pp$3.parseExpressionParser.pp$1.parseStatement (E:\swapnil\sanskar\front\node_modules\acorn\dist\acorn.js:727:47)在Parser.pp$1.parseBlock (E:\swapnil\sanskar\front\node_modules\acorn\dist\acorn.js:981:25) at Parser.pp$3.parseFunctionBody (E:\swapnil\sanskar\front\node_modules\acorn\dist\acorn.js:2105:24) at Parser.pp$1.parseFunctionParser.pp$3.parseExprAtom (E:\swapnil\sanskar )\front\node_modules\acorn\dist\acorn.js:1810:19) at Parser.pp$3.3.parseExprSubscripts (E:\swapnil\sanskar\front\node_modules\acorn\dist\acorn.js:1715:21) at Parser.pp$3.parseMaybeUnary (E:\swapnil\sanskar\front\node_modules\acorn\dist\acorn.js:1692:19) @ ./src/main.js 19:0-54

我正在使用jquery版本：2.1.4和引导版本：3.3.7，有人能告诉我这方面的解决方案吗？

Answer 1

您可以在main ( js )中使用ES2015语法。

npm安装jquery --保存-dev

import $ from 'jquery';
// or
import jQuery from 'jquery';

// export for others scripts to use
window.$ = $;
window.jQuery = jQuery;

对于引导程序或来自npm的任何其他依赖项也是如此。