Uncaught SyntaxError:Unexpected token '<' (at xxx.js)解决分析

更新时间：2024年01月23日 14:20:07 作者：水冗水孚

这篇文章主要为大家介绍了JS判断趋近于直线的多边形(退化多边形)实例探究，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪

报错截图

报错场景

Vue项目的public目录下的index.html文件引入某个.js脚本文件（假设为xxx.js）吧
写法：<script src="./local/xxx.js"></script>
直接用相对路径引入，结果报错了

报错原因

报错：Uncaught SyntaxError: Unexpected token '<' (at xxx.js)

原因一般就是资源引用错误，如下：

脚本或者静态资源引用错误，错误后无法加载解析。
或者是<script>或<link>标签引入
引入的路径错了，找不到这个文件脚本资源之类的

笔者的项目中，配置了打包的基路径：BASE_URL比如：

// vue.config.js
module.exports = {
  publicPath: process.env.BASE_URL,
  lintOnSave: true,
  ......
}

// .env.development
NODE_ENV=development
BASE_URL=/

亦或路由：

// router.js
const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

所以，入口index.html就要换成基路径变量引入方式

代码示例

<!DOCTYPE html>
<html lang="zh-cmn-Hans">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
    <script src="<%= BASE_URL %>summernote/jquery-2.2.0.min.js"></script>

    <!-- 正确引入方式 -->
    <script src="<%= BASE_URL %>fold/xxx.js"></script>
    
    <!-- 错误引入方式 -->
    <script src="./fold/xxx.js"></script>
    
  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>

以上就是Uncaught SyntaxError:Unexpected token '<' (at xxx.js)解决分析的详细内容，更多关于Uncaught SyntaxError的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:

JavaScript数组分组groupBy示例详解
JavaScript 最近发布了一个方法 Object.groupBy,可以对可迭代对象中的元素进行分组,这篇文章主要介绍了JavaScript数组分组groupBy示例,需要的朋友可以参考下
2023-12-12
JavaScript对象扩展方法的用法详解
JavaScript对象中的可扩展性指的是：是否可以给对象添加新属性。所有的内置对象和自定义对象显示的都是可扩展的，对于宿主对象，则由JavaScript引擎决定
2022-11-11
微信小程序movable view移动图片和双指缩放实例代码
movable-area是微信小程序的新组件，可以用来移动视图区域movable-view。这篇文章主要介绍了微信小程序movable view移动图片和双指缩放实例代码,需要的朋友可以参考下
2017-08-08
WebGL 颜色与纹理使用介绍
这篇文章主要为大家介绍了WebGL 颜色与纹理使用介绍，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-04-04
JavaScript原型和原型链详解
在面向对象的编程语言中,类和对象的关系是铸模和铸件的关系,对象总是从类创建而来,比如Java中,必须先创建类再基于类实例化对象,这篇文章主要介绍了JavaScript原型和原型链的相关知识,需要的朋友可以参考下
2024-05-05
JavaScript的异步ajax详解
篇文章主要为大家详细介绍了JavaScript 异步ajax，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下吗，希望能够给你带来帮助
2022-03-03
javascript:void(0)使用探讨
如果想做一个链接点击后不做任何事情，或者响应点击而完成其他事情一般都是设置属性href = "#"其实还有比这更好的方法，下面为大家整理了几种比较常见的解决方法，感兴趣的朋友可以参考下
2013-08-08
js获取页面description的方法
这篇文章主要介绍了js获取页面description的方法,涉及javascript操作页面元素的相关技巧,需要的朋友可以参考下
2015-05-05
公共js在页面底部加载的注意事项介绍
JavaScript脚本文件都放在页面底部加载，可以有效地加快页面的加载速度，下面为大家介绍下书写时的注意事项
2013-07-07
普通js文件里面如何访问vue实例this指针
这篇文章主要介绍了普通js文件里面如何访问vue实例this指针，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-08-08