vue項目引入particles.js實現(xiàn)粒子效果，頁面切換時出現(xiàn)問題？

vue-cli項目中，我在index.html中直接引入particls的庫，相關(guān)文件是放在static目錄下的

<div id="particles-js"></div>
//引入庫和配置文件
<script type="text/javascript" src="static/js/particles.min.js"></script>
<script type="text/javascript" src="static/js/app.js"></script>

這樣是沒問題的?，F(xiàn)在就是有個需求，當用戶url輸入錯誤時，要跳轉(zhuǎn)到404頁面，守衛(wèi)導(dǎo)航我是寫在組件內(nèi)的。

beforeRouteEnter:function(to, from, next){
    // fetchData;
    next(vm => {
        vm.fetchData(function(result){
            console.log(result);
            if(result)
                next();
            else
                next({name:'Home'}); // 跳轉(zhuǎn)到home頁面
        });    
    })
},

頁面能跳轉(zhuǎn)，但是粒子不顯示了，報如下錯誤

Uncaught SyntaxError: Unexpected token <

打開相關(guān)文件，發(fā)現(xiàn)里面內(nèi)容被替換成index.html的內(nèi)容（抱歉暫時貼不了圖）

為什么?