救救孩子吧 关于vue cli静态资源引入的问题

最近在用vue cli做一个百度离线地图的项目,碰到个奇怪的bug,奈何小白一个, 能力不够,特来求助各位大佬。大致问题是在public文件夹放入百度离线文件后,在index.html引入后,控制台报了个**Uncaught SyntaxError: Unexpected token ‘<’**,点进去看index首行就报错!,并且地图无法加载,之后注销掉上图的h5标准声明,地图正常加载,当然样式也发生了改变,通过查阅资料,检索代码,排除了标签没闭合的情况,引入的js文件,浏览器也能访问到,因此js引入错误也排除,下面是关键部分代码,劳烦路过的大佬指点迷津

以下是浏览器报错内容
image


标圈部分为需引入的百度地图加载js文件

加载文件内容

以下为离线文件存放路径
image

看一下拼接出来的路径是否正确

1 Like

拼接的路径是正确的,浏览器能访问到要加载的js文件,但没有加载,会报一个标签里的提示
image
这个是我需要的文件,浏览器可以读取,但是h5声明不删,地图就是无法加载

在线等个答案 :see_no_evil:

你随便新建一个html文件,再引入这个js,看看是否会报错,如果报错,就说明js内容有问题;如果没报错,你再在public文件夹下随便新建一个js文件,在vue项目的index.html里引入创建的js看是否会报错,如果报错就说明是你引入的方式有问题,如果不报错,就换个map的插件吧

报错的是个js文件, 内容却是html. 当然报错. 第一个字符<就解析不了

所以请问这个到底是哪里有问题呢

信息有限, 看不出来

路径改一下<%= BASE_URL %>static, static前不加/试试

这个试过了 关于路径的都尝试过了 不拼接也有这个bug

先檢查 webpack 的設定是否有包含這個 JavaScript。

或者你也可以將這包 js 直接在 App.vuemain.js 引入。

補充

<!-- HTML4 與  (x)HTML -->
<script type="text/javascript" src="javascript.js"></script>

<!-- HTML5 -->
<script src="javascript.js"></script>

找运维看一下,需要加载的是js文件但是服务器给你返回了个html。浏览器把html文件按照js解析时报错了。

研究下官網這個這麼使用 process.env