前端部署上线后白屏，出现Uncaught SyntaxError: Unexpected token ‘＜‘的错误

最新推荐文章于 2024-03-26 17:25:20 发布
最新推荐文章于 2024-03-26 17:25:20 发布
阅读量1.6k 收藏 1
点赞数
分类专栏： React umi 文章标签： 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47541876/article/details/125990393
版权
React 同时被 2 个专栏收录
23 篇文章 1 订阅
订阅专栏
umi
2 篇文章 0 订阅
订阅专栏

前端上线后打开白屏，报错如下：

在这里插入图片描述

原因

出现这样的问题一般都是我们在打包后引入的资源路径出错的问题，

解决方法

修改publicPath，在config中添加publicPath配置，
由于项目正式环境没有部署在域名的根部，所以正式环境前缀需带上子项目路径，在config.js中声明，正式环境前缀需带上“/xxx”，那么这里的BASE_URL就相当于/xxx

publicPath: process.env.NODE_ENV === “production” ? “/xxx” : “/”,

在这里插入图片描述

菜鸟小记
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS提示：Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法
11-24
本文实例讲述了JS提示：Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法。分享给大家供大家参考，具体如下： Uncaught SyntaxError: Unexpected token ILLEGAL 未捕获的语法错误： 意想不到的非法...
解决 Uncaught SyntaxError: Unexpected token ‘＜‘ 错误解决方法
热门推荐
欢迎访问我的主页：https://www.bookbook.cc
12-03 44万+
Uncaught SyntaxError: Unexpected token '
前端发版上线出现白屏问题
最新发布
aDiaoYa_的博客
03-26 1054
出现上线白屏的问题有很多，如：配置错误、缓存问题、浏览器兼容问题，根据不同情况去解决。
报错 Uncaught SyntaxError: Unexpected token ‘＜‘
bigbigpigsobig的博客
07-21 445
前端部署有时候会出现这个报错 ，如下图所示： 一般都是配置不当引起的，修改vue.config.js文件 // 如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.baidu.vip/admin/，则设置 baseUrl 为 /admin/。 publicPath: process.env.NODE_ENV === 'production' ? '/' : '/admin/', ...
若依框架发布线上报错“Uncaught SyntaxError: Unexpected token ＜“
weixin_51771963的博客
01-11 828
解决方法： 在项目router目录下添加mode: "hash"前端重新打dist包上传，页面正常显示。
VUE打包注意事项：路径问题会引起这个错 Uncaught SyntaxError: Unexpected token ‘＜‘
m0_37588079的博客
01-24 1324
遇到这样的问题不用紧张 Uncaught SyntaxError: Unexpected token '<' 你只需要 修改配置项：【发布的目录配下即可】 module.exports = { // 部署生产环境和开发环境下的URL。 // 默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上 // 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。 //例如，如果你的应用被部署在 https
Uncaught SyntaxError: Unexpected token
Meditation_Crazy
05-25 423
前言 错误步骤：vue项目发布到nginx目录下 打包配置： 发布后，目录为：nginx/html/test/ test目录下是index.html 和 statis文件夹 这时候，修改了test文件夹名称！ 然后，nginx做常规的映射，进行访问，这时候就报了这个错误。 处理办法：不能修改打包后的文件夹名称。因为vue内部文件关联用到了配置里面的路径。在页面的引用路径里面写死了。 ...
vue发布部署Uncaught SyntaxError: Unex rcted token ？问题解析
码农舟舟的博客
08-25 452
关于vite打包发布的浏览器版本过低无法兼容的问题 ，在到企业打包发布部署的过程中因为浏览器版本过低无法访问，一开始以为是服务器配置问题，甲方公司用的内网，安装的浏览器版本也很低，我们自己用同样的包同样的部署方式没有出现这个问题，最后换了低版本浏览器才复现，发现是浏览器兼容问题。1、找到项目中的vite.config.ts文件，修改相关的配置，具体的兼容版本就看相关的兼容度了。
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue-cli 打包后提交到线上出现 “Uncaught SyntaxError:Unexpected token” 报错
01-21
前言: 项目使用vue-cli版本2.9.3 ,vue-router...页面全白,console打印:Uncaught SyntaxError:Unexpected token < 报错截图: 经过一番折腾,初步定位问题1在经过build/webpack.prod.conf.js的chunkhash打包后的JS文
React 项目 使用fetch请求mock接口 报错 Uncaught (in promise) SyntaxError: Unexpected token ‘＜‘, “＜!DOCTYPE “...
m0_64415782的博客
07-08 2090
反复检查并没有发现任何不对，尝试改了一下路径中的文件名，发现如果写一个不存在的文件名，报的错是完全一致的；1，不使用mock，将想要获取的文件移动到正确位置即可。在使用 React 框架编写前端时，这边我是用的mock来模拟数据，使用fetch来请求。中的 url 属性是 mock模拟接口的url。一定要在请求页面来引入你的mock模拟接口文件。原来使用原生 HTML 的时候，曾经使用。是网页向前端服务器发起的请求，访问到的是。3，直接使用 axios 来进行请求。2， 使用fetch-mock。
Uncaught SyntaxError: expected expression, got ‘＜‘ 控制台报错
weixin_55647998的博客
04-29 5525
Uncaught SyntaxError: expected expression, got '< 控制台异常
关于Uncaught SyntaxError: Unexpected token <的前段异常解决方案。
shy_young的博客
03-23 2193
在html中引入js、css等静态资源后，发现chorme报Uncaught SyntaxError: Unexpected token < 这个错误，如下图所示。导致这种错误的原因有很多。 1、js代码写得不对。（这个最难排查） 2、在配置spring静态资源的时候，路径没有写对。另外，在html中只写这样是不行的，必须加入 type=”text/javascript” 3、如果使用shiro等
前端build打包生成的dist使用 nginx 运行接口报错405和401问题。
youyudehan的博客
08-14 2936
前端build打包生成的dist使用 nginx 运行接口报错405和401问题。
前端部署问题汇总
生活不止眼前的枸杞， 还有蜂蜜和咖啡！
09-28 408
这里写目录标题Dockerfile文件K8s部署前端命令打镜像开始部署额外命令linux基础命令使用遇到的问题Uncaught SyntaxError: Unexpected token ‘＜‘ 错误403 forbiddenk8s -- yaml 文件 Dockerfile文件 # docker images -a |grep nginx 查看nginx的版本对应修改 FROM nginx:1.19.8 ENV TZ=Asia/Shanghai RUN ln -snf /usr/share/zonei
vue框架开发出现页面空白、白屏的解决方法总汇
kjnsfijglqj的博客
11-22 8750
转载自http://www.fly63.com/article/detial/287 1.npm run build打包页面空白 我们会发现页面head中引用的js和css文件是出现了路径错误，这里修改如下： 解决位置：config/index.js文件：把assetsPublicPath: '/'改为assetsPublicPath: './' build: { assetsP...
umi配置多环境变量，配置接口的baseUrl
weixin_47541876的博客
04-15 5827
通常情况下，一个项目区分开发环境，测试环境，生产环境，因为后端给的接口测试环境和生产环境的不一样，并且我们的也不是网站前缀，正式环境也需要自己配置，然后整个项目是用umi搭建的，所以用了cross-env来配置不同的环境 1、安装cross-env npm i cross-env -S 2、修改package.json文件 "dev": "cross-env UMI_ENV=dev UMI_DEV=true umi dev", "start": "cross-env UMI_ENV=pro
react中使用videojs
weixin_47541876的博客
06-11 3661
最近用react做的一个毕业展网站，需要播放老师寄语视频，之前做的一些pc端网站都用了videojs，想着react里面适不适用，问了一下度娘，发现也有使用，遂尝试继续使用videojs，可以正常使用 首先安装videojs npm install video.js 页面中引入js和css import videojs from 'video.js'; import 'video.js/dist/video-js.css'; html页面 <video-js id="myVideo" width
Uncaught SyntaxError: Unexpected token ＜错误
11-16
Uncaught SyntaxError: Unexpected token ＜错误通常是由于在引入JS文件时，文件路径错误或者文件内容格式错误导致的。常见的解决方法包括： 1.检查文件路径是否正确，确保文件存在且路径正确。 2.检查文件内容格式...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值