2017-09-28 97 views
5

我試圖安裝引導4,幷包括以下鏈接popper.js在引導4給出的SyntaxError意外令牌出口

<script src="libs/jquery/dist/jquery.min.js"></script> 
<script src="libs/tether/dist/js/tether.min.js" ></script> 
<script src="libs/popper.js/dist/popper.js"></script> 
<script src="libs/bootstrap/dist/js/bootstrap.min.js" ></script> 

但出現以下錯誤:

Uncaught syntaxError: Unexpected token export

enter image description here

任何想法如何解決它?

+0

適當的js做什麼? –

+0

我不知道,引導文件需要它 –

+0

沒有我已經使用bootstrap,但它從來沒有問我 –

回答

9

如果我使用CDN網絡中的popper.js,例如cdnjs,我遇到了同樣的問題。

如果你觀察Bootstrap 4例子如源代碼,例如Navbar你可以看到,popper.min.js從加載:

<script src="https://getbootstrap.com/assets/js/vendor/popper.min.js"></script>

我包括在我的項目和錯誤消失。您可以從https://getbootstrap.com/assets/js/vendor/popper.min.js下載源代碼,並將其作爲本地文件包含在您的項目中,它應該可以工作。

+0

是的。你是對的。我沒有複製並粘貼該代碼,錯誤消失。 CDN沒有指定任何特定版本的'popper.js' –

+1

雖然它有效,但我認爲這不是正確的方式,直到BootStrap團隊更新其自己的代碼。 –

6

剛剛得到了這個,並想出爲什麼它真的發生。如果其他人通過此處獲得:

檢查readme.md「Usage」。該lib有三個版本可用於三個差異模塊加載器。簡而言之:如果您使用<script>標籤加載它,那麼您必須使用UMD版本。你可以在/dist/umd找到它。默認值(/dist)是ESNext(ECMA-Script),無法使用script標籤加載。

+0

謝謝。通過更改爲umd文件消除了我的錯誤。 – user1500321

+0

更改對umd文件夾下文件的引用解決了我的問題 –