vue项目部署到线上报 Uncaught SyntaxError: Unexpected token ‘<‘

news/2024/7/10 0:29:10 标签: vue, webpack, vue-cli, 打包报错

Bug描述:该项目作为一个平台的子平台存在,根据nginx路由分发实现路由跳转。在从主平台跳转到该子平台的时候,页面一片空白,在控制台有3个报错,报错内容均为:

Uncaught SyntaxError: Unexpected token ‘<’

点开报错详情,发现文件类型为XXX.js文件,实际内容为一个html文件

此类型错位一般为期待一个js文件,实际返回一个html文件导致

解决方式:

  1. 查看引用外部文件的路径是否正确
  2. vue-cli默认build后的文件格式为:js/[name].[chunkhash].js,每次npm run build之后有改动的文件的hash值都会改变,上传后nginx无法找到最新上传的文件,所以默认返回了index.html文件里的内容,我们的文件后缀名是.js,所以自然无法识别的内容,导致抛出“Uncaught SyntaxError: Unexpected token ‘<’
    尝试修改 build/webpack.prod.conf.js 文件中 output输出的文件名格式
output: {
  path: config.build.assetsRoot,
  filename: utils.assetsPath('js/[name]_[chunkhash].js'),
  chunkFilename: utils.assetsPath('js/[id]_[chunkhash].js')
},

http://www.niftyadmin.cn/n/534451.html

相关文章

Codeforces Round #344 (Div. 2) A. Interview 水题

A. Interview题目连接&#xff1a; http://www.codeforces.com/contest/631/problem/A Description Blake is a CEO of a large company called "Blake Technologies". He loves his company very much and he thinks that his company should be the best. That is …

vue项目页面嵌入代码块vue-prism-editor

需求&#xff1a; 1. 可输入代码&#xff0c;并且代码语法高亮 2. 支持编辑和不可编辑模式 3. 提交到后端到代码内容为字符串格式 实现 在gitbug上找到vue-prism-editor&#xff0c;可以满足以上需求。 使用 安装vue-prism-editor npm install vue-prism-editor由于vue-pris…

惊人之鸣(2006.12.10)

惊人之鸣 -------------------- 楚庄怪鸟三载鸣&#xff0c; 昏庸冷面窥众臣。中原问鼎宋事多&#xff0c;君子忠心霸业成。

AJAX请求 $.post方法的使用

使用jQuery的$.post方法可以以POST形式向服务器发起AJAX请求。$.post方法是jQuery的实用工具方法。 $.post方法语法 $.post(url,parameters,callback) 参数 url (字符串)服务器端资源地址。 parameter (对象)需要传递到服务器端的参数。 参数形式为“键/值”。 callback…

中庸之士(2007.04.13)

中庸之士 -----------------------少语慎言实事间&#xff0c;跬步垒筑人品苷。维心维物皆知涣&#xff0c;唯有吾辈非汉颜。

【vue】vue-devtools安装使用

vue-devtools安装使用安装配置使用安装配置 github下载安装包 https://github.com/vuejs/vue-devtools 在这里插入图片描述 yarn配置devtools&#xff0c;使用npm配置遇到一些问题&#xff0c;最后还是决定使用yarn配置 若没有安装yarn&#xff0c;首先全局安装yarn npm inst…

LeetCode Zigzag Iterator

原题链接在这里&#xff1a;https://leetcode.com/problems/zigzag-iterator/ 题目&#xff1a; Given two 1d vectors, implement an iterator to return their elements alternately. For example, given two 1d vectors: v1 [1, 2] v2 [3, 4, 5, 6] By calling next repea…

一生受用的格言

成功者找机会突破&#xff0c;失败者找借口抱怨&#xff1b; 习惯于找借口&#xff0c;是一种不负责任的表现&#xff1b; 想改变自己命运的时候&#xff0c;从态度开始&#xff1b; 用放大镜对待别人的优点&#xff1b; 用望远镜看待别人的缺点。