Vue 打包后报 Uncaught SyntaxError: Unexpected token ‘<‘

Unexpected ,SyntaxError,Uncaught · 浏览次数 : 51

小编点评

**根本原因:** `publishPath` 设置的路径是相对路径,而 `process.env.NODE_ENV==='production'` 的值为绝对路径。当运行在服务器端时,`process.env.NODE_ENV` 变量将被设置为 `/`,而 `publishPath` 设置的相对路径会被相对路径转换为绝对路径。这导致了错误,因为 `publishPath` 中的绝对路径无法找到。 **解决方案:** 解决方法是将 `publishPath` 设置为绝对路径。以下是两种解决方案: **方法一:使用绝对路径** ```js export default { // ...其他配置 publishPath: '/your/absolute/publish/path', }; ``` **方法二:使用 `./` 指示相对路径** ```js export default { // ...其他配置 publishPath: './your/relative/publish/path', }; ``` 在使用任何方法之前,请确保 `publishPath` 的值是正确的路径。

正文

根本原因在于你的vue.config.js里的publishPath设置的路径是相对路径还是绝对路径

大家都是看别人设置成 process.env.NODE_ENV==='production' ? './' : '/' 就原模原样照着复制粘贴

其实无所叼谓,只需要设置成 '/' 不需要判断环境,默认就是根路径就行了。

与Vue 打包后报 Uncaught SyntaxError: Unexpected token ‘<‘相似的内容:

Vue 打包后报 Uncaught SyntaxError: Unexpected token ‘<‘

根本原因在于你的vue.config.js里的publishPath设置的路径是相对路径还是绝对路径 大家都是看别人设置成 process.env.NODE_ENV 'production' ? './' : '/' 就原模原样照着复制粘贴 其实无所叼谓,只需要设置成 '/' 不需要判断环境,默认就

Electron Mac 打包报 Error: Exit code: ENOENT. spawn /usr/bin/python ENOENT 解决方法

Electron 项目使用vue-cli-electron-builder创建,原来我的 Mac 上编译都很正常 自从 Mac 升级到 mac OS ventura version 13.0.1 后打包报错,electron-builder 编译 dmg 安装包编译不出来 报如下错误 • build

vue项目打包,解决静态资源无法加载和路由加载无效(404)问题

打包后的项目静态资源无法使用,导致页面空白 静态资源无法使用,那就说明项目打包后,图片和其他静态资源文件相对路径不对,此时找到config里面的index.js,在build模块下加入assetsPublicPath: './', 如下图所示, 在History模式下配合使用nginx运行打包后的项

vue项目中发布新版本线上自动清缓存

背景 最近项目更新频繁,每次一更新客户都说还跟之前的一样。一查原因是因为客户没有清空浏览器的缓存。所以为了方便客户看到最新版本,开始调研再发布新版本后自动清理缓存。 方案 每次打包后的js和css都加上hash值后缀。当文件发生改变时,hash值也改变。这样就不会走缓存 举个例子 vue.confi

B2C在线教育商城--前后端分离部署

博客地址:https://www.cnblogs.com/zylyehuo/ 技术栈:vue + nginx + uwsgi + django + mariadb + redis 基本流程 vue打包之后,生成了dist静态文件夹 ,前端的静态文件,都在这里了,静态文件,都是丢给nginx直接去返回

使用 docker 打包构建部署 Vue 项目,一劳永逸解决node-sass安装问题

> 文章源于 Jenkins 构建 Vue 项目失败,然后就把 node_modules 删了重新构建发现 node-sass 安装不上了,折腾一天终于可以稳定构建了。 > 犹记得从学 node 的第一天,就被 node-sass 折磨了一整天,后面本地没问题了然后服务器开始折磨了,这次又遇到,尝试

vue3

一、简介 2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王) github.com/vuejs/vue-n… 1.性能的提升 打包大小减少41% 初次渲染快55%, 更新渲染快133% 内存减少54% 2.源码的升级 使用Proxy代替defineProperty实

Vue源码学习(十):关于dep和watcher使用的一些思考

好家伙, 前面想了好久,都没想明白为什么要dep和watcher打配合才能实现数据-视图同步 为什么要多一个依赖管理这样的东西 给每个数据绑个watcher(xxfunction),然后,数据变了,调set,然后调xxfunction,不就行了, 然后今天突然想明白了,不是为什么要这么干,而是必须这

千姿百态,瞬息万变,Win11系统NeoVim打造全能/全栈编辑器(前端/Css/Js/Vue/Golang/Ruby/ChatGpt)

我曾经多次向人推荐Vim,其热情程度有些类似现在卖保险的,有的时候,人们会因为一些弥足珍贵的美好暗暗渴望一个巨大的负面,比如因为想重温手动挡的快乐而渴望买下一辆二十万公里的老爷车,比如因为所谓完美的音质而舍不得一个老旧的有线耳机,比如因为一个铜炉火锅而期待北京那漫长而寒冷的冬天。

『手撕Vue-CLI』处理不同指令

前言 在上一篇『手撕Vue-CLI』添加自定义指令中,已经实现了自定义指令的添加,但是指令还是比较简单的,只是简单的打印一句话,那么在实际运用场景中,可能会有更多的需求,比如可能需要在指令中传递参数,或者需要在指令中进行一些复杂的操作,那么这个时候我们就需要对指令进行处理了。 创建指令处理文件 在上