在本文中，我们将为您详细介绍将reactjs应用程序部署到aws会导致白屏和错误“UncaughtSyntaxError:Unexpectedtoken'的相关知识，此外，我们还会提供一些关于bund
在本文中，我们将为您详细介绍将 reactjs 应用程序部署到 aws 会导致白屏和错误“Uncaught SyntaxError: Unexpected token '<'”的相关知识，此外，我们还会提供一些关于bundle.js:47 Uncaught SyntaxError: Unexpected token import、Ext 错误 "Uncaught SyntaxError: Unexpected token <"、Flask下"Uncaught SyntaxError: Unexpected token <"，一个有意思的错误、javascript – 第一行中的“Uncaught SyntaxError：Unexpected token <”的有用信息。
本文目录一览：- 将 reactjs 应用程序部署到 aws 会导致白屏和错误“Uncaught SyntaxError: Unexpected token '<'”
- bundle.js:47 Uncaught SyntaxError: Unexpected token import
- Ext 错误 "Uncaught SyntaxError: Unexpected token <"
- Flask下"Uncaught SyntaxError: Unexpected token <"，一个有意思的错误
- javascript – 第一行中的“Uncaught SyntaxError：Unexpected token <”
将 reactjs 应用程序部署到 aws 会导致白屏和错误“Uncaught SyntaxError: Unexpected token '<'”
如何解决将 reactjs 应用程序部署到 aws 会导致白屏和错误“Uncaught SyntaxError: Unexpected token ''<''”？
我正在尝试将 reactjs 应用程序部署到 aws amplify 并且一切都在本地主机和隐身浏览器窗口中最终运行，就在我在常规浏览器中访问我的应用程序 URL 时，我收到此错误
如果我清除浏览器 cookie 并访问 url 就好了，但是每次我部署一个新的构建文件夹时，它都会回到这个状态。我尝试了几乎所有可以在互联网上找到的建议，但它仍然出现。
我尝试过的解决方案：
- 在 .env 文件中设置 PUBLIC_URL。
- 通过 S3 存储桶而不是拖放进行部署。
- 将
<Router basename=''/index.html''>添加到我的代码中。 - 在 package.json 中添加指向我的域的主页。
- 添加指向“.”的主页在 package.json 中
- 在 package.json 中添加指向“./”的主页
- 将上述主页变体添加到公共文件夹中的 manifest.json。
有关我的环境和观察的详细信息：
- 我正在通过 Route 53 使用自定义域在 aws amplify 上托管应用程序。
- 应用在隐身浏览器上完全正常运行，没有任何问题 - 所以如果代码有问题，它应该在隐身浏览器中也能正常运行吗？
- 解决方法是清除浏览器 cookie 并再次点击 url，但这是不可取的，因为这是一个生产环境，每次我部署更改时，我都不能要求我的用户清除 cookie 并重试 - 应该选择更改立即通过浏览器。
- 以下是我编译的 index.html
<html lang="en">
<head>
<Meta charset="utf-8" />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Poppins:wght@400;500;600;700;900&display=swap" rel="stylesheet">
<Meta name="viewport" content="width=device-width,initial-scale=1" />
<Meta name="theme-color" content="#000000" />
<Meta name="description" content="Vaccination Verification Made Easy" />
<link rel="apple-touch-icon" href="https://vaxtone.com/logo192.png" />
<link href="//netdna.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://js.stripe.com/v3/"></script>
<link rel="manifest" href="https://vaxtone.com/manifest.json" crossorigin="use-credentials">
<title>VaxTone</title>
<link href="https://vaxtone.com/static/css/2.f4136754.chunk.css" rel="stylesheet">
<link href="https://vaxtone.com/static/css/main.dd527d15.chunk.css" rel="stylesheet">
</head>
<body><noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<script>"serviceWorker" in navigator && window.addEventListener("load",(function () { navigator.serviceWorker.register("serviceWorker.js").then((function (e) { console.log("ServiceWorker registration successful with scope: ",e.scope) }),(function (e) { console.log("ServiceWorker registration Failed: ",e) })) }))</script>
<script>!function (e) { function t(t) { for (var n,a,i = t[0],c = t[1],l = t[2],s = 0,p = []; s < i.length; s++)a = i[s],Object.prototype.hasOwnProperty.call(o,a) && o[a] && p.push(o[a][0]),o[a] = 0; for (n in c) Object.prototype.hasOwnProperty.call(c,n) && (e[n] = c[n]); for (f && f(t); p.length;)p.shift()(); return u.push.apply(u,l || []),r() } function r() { for (var e,t = 0; t < u.length; t++) { for (var r = u[t],n = !0,i = 1; i < r.length; i++) { var c = r[i]; 0 !== o[c] && (n = !1) } n && (u.splice(t--,1),e = a(a.s = r[0])) } return e } var n = {},o = { 1: 0 },u = []; function a(t) { if (n[t]) return n[t].exports; var r = n[t] = { i: t,l: !1,exports: {} }; return e[t].call(r.exports,r,r.exports,a),r.l = !0,r.exports } a.e = function (e) { var t = [],r = o[e]; if (0 !== r) if (r) t.push(r[2]); else { var n = new Promise((function (t,n) { r = o[e] = [t,n] })); t.push(r[2] = n); var u,i = document.createElement("script"); i.charset = "utf-8",i.timeout = 120,a.nc && i.setAttribute("nonce",a.nc),i.src = function (e) { return a.p + "static/js/" + ({}[e] || e) + "." + { 3: "44b4c37d" }[e] + ".chunk.js" }(e); var c = new Error; u = function (t) { i.onerror = i.onload = null,clearTimeout(l); var r = o[e]; if (0 !== r) { if (r) { var n = t && ("load" === t.type ? "missing" : t.type),u = t && t.target && t.target.src; c.message = "Loading chunk " + e + " Failed.\n(" + n + ": " + u + ")",c.name = "ChunkLoadError",c.type = n,c.request = u,r[1](c) } o[e] = void 0 } }; var l = setTimeout((function () { u({ type: "timeout",target: i }) }),12e4); i.onerror = i.onload = u,document.head.appendChild(i) } return Promise.all(t) },a.m = e,a.c = n,a.d = function (e,t,r) { a.o(e,t) || Object.defineProperty(e,{ enumerable: !0,get: r }) },a.r = function (e) { "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e,Symbol.toStringTag,{ value: "Module" }),Object.defineProperty(e,"__esModule",{ value: !0 }) },a.t = function (e,t) { if (1 & t && (e = a(e)),8 & t) return e; if (4 & t && "object" == typeof e && e && e.__esModule) return e; var r = Object.create(null); if (a.r(r),Object.defineProperty(r,"default",value: e }),2 & t && "string" != typeof e) for (var n in e) a.d(r,n,function (t) { return e[t] }.bind(null,n)); return r },a.n = function (e) { var t = e && e.__esModule ? function () { return e.default } : function () { return e }; return a.d(t,"a",t),t },a.o = function (e,t) { return Object.prototype.hasOwnProperty.call(e,t) },a.p = "https://vaxtone.com/",a.oe = function (e) { throw console.error(e),e }; var i = this["webpackJsonpvaxtone1.0"] = this["webpackJsonpvaxtone1.0"] || [],c = i.push.bind(i); i.push = t,i = i.slice(); for (var l = 0; l < i.length; L++)t(i[l]); var f = c; r() }([])</script>
<script src="https://vaxtone.com/static/js/2.3e8f6948.chunk.js"></script>
<script src="https://vaxtone.com/static/js/main.6ccb123a.chunk.js"></script>
</body>
<style>
body::-webkit-scrollbar {
display: none
}
body {
-ms-overflow-style: none;
scrollbar-width: none
}
</style>
</html>```
5. I used the ```create-react-app``` command to create the reactjs app and use ```npm run build``` to generate the build folder for deployment.
6. I use a service worker to implement progressive-web-app features - Could it be something related to my service worker?
Any help on how to resolve this or what do you think is happening would be a big big help .Thanks.
解决方法
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）
bundle.js:47 Uncaught SyntaxError: Unexpected token import
<table><tr>
<td><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
总结
以上是小编为你收集整理的bundle.js:47 Uncaught SyntaxError: Unexpected token import全部内容。
如果觉得小编网站内容还不错，欢迎将小编网站推荐给好友。
Ext 错误 "Uncaught SyntaxError: Unexpected token <"
Chrome 显示的错误:
代码
Ext.getCmp(''id'').getForm().submit({ waitMsg: ''正在上传序列号表格，请稍后...'', waitTitle: ''提示'', url: ''url'', //baseParams: {applyId : applyId}, method: ''POST'', success: function(form, action) { var jobj = Ext.util.JSON.decode(action.response.responseText); //... }, failure: function(form, action) { var jobj = Ext.util.JSON.decode(action.response.responseText); //... } });
返回数据是 json 字符串，发现 success 和 failure 都没有进入然后抛出 "Uncaught SyntaxError: Unexpected token <" 错误.
经调试发现在 ext-debug 的 doDecode 方法自动给加上了
<pre style="word-wrap: break-word; white-space: pre-wrap;">...</pre>
有没有人遇到过同样的问题？
Flask下"Uncaught SyntaxError: Unexpected token <"，一个有意思的错误
错误描述
@auth_blueprint.before_request
def before_request():
if current_user.is_authenticated :
pass
elif request.path != ''/auth/login'':
return redirect(url_for(''auth.login''))当我添加上述代码时，我发现http://www.test.so/auth/login的第一行报错，查看后没发现问题。上stackoverflow上有人说是错误的把html当做js解析，例如ajax返回值指定出错
错误排查
后来我在return之前加了一句打印，发现其实不止html文件被重定向了，所有的静态文件都被重定向到http://www.test.so/auth/login，然后，在原html中，他们被指定为js，css，所以解析自然会报错，将代码做了一下调整，解决问题
@auth_blueprint.before_request
def before_request():
if current_user.is_authenticated :
pass
elif request.path != ''/auth/login'' and not re.match(''/static/'', request.path):
return redirect(url_for(''auth.login''))
javascript – 第一行中的“Uncaught SyntaxError：Unexpected token <”
我知道这个问题已被多次询问,但我无法找到解决问题的方法.
在我的本地机器上一切都很好,但是当我将文件上传到服务器(000webhost)时,我有六个错误,这些错误的描述是
Uncaught SyntaxError: Unexpected token <
提前致谢.
The domain of my website.
这是我的HTML
<html>
<head>
<Meta charset="utf-8">
<Meta http-equiv="X-UA-Compatible" content="IE=edge">
<Meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 Meta tags *must* come first in the head; any other head content must come *after* these tags -->
<Meta name="description" content="Welcome to my personal web site (web presentation). My name is Aleksandar Mitrović. I am frontend developer from Belgrade, Serbia.
I am interested in web development. My occupation is Professional Electrical and Computer Engineer.">
<Meta name="keywords" content="Web presentation, Personal web site, Licni sajt, Frontend developer, Web sajt, Web developmenta, Personal web presentation">
<Meta name="author" content="Aleksandar Mitrović">
<title>Personal web presentation | Aleksandar Mitrović</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!--Favicons-->
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/manifest.json">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<Meta name="msapplication-TileColor" content="#da532c">
<Meta name="msapplication-TileImage" content="/mstile-144x144.png">
<Meta name="theme-color" content="#ffffff">
<!--End of favicons-->
<!--Nav scroll-->
<script src="js/navScroll.js"></script>
<!--End nav scroll-->
<!--Section scroll-->
<script src="js/sectionScroll.js"></script>
<!--End section scroll-->
<!--Toggle button on click change FA icon scroll-->
<script src="js/ToggleButtonChanges.js"></script>
<!--End of Toggle button on click change FA icon scroll-->
<!--Contact map-->
<script src="js/contactMap.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?callback=initMap" async defer></script>
<!--End contact map-->
<!--Aminations-->
<link rel="stylesheet" href="animation/animate.css">
<!--End of animations-->
<!--Font awesome-->
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
<!--End of font awesome-->
<!--Style.css-->
<link rel="stylesheet" href="stylesheets/screen.css">
<!--End of style.css-->
</head>
<body>
<nav>
<div>
<!-- Brand and toggle get grouped for better mobile display -->
<div>
<button type="button"data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span>Toggle navigation</span>
<iaria-hidden="true"></i>
</button>
<ahref="#hero"><img src="img/logo.png" width="110" height="23"></a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<divid="bs-example-navbar-collapse-1">
<ul>
<li><a href="#hero">Home <span>(current)</span></a></li>
<li><a href="#aboutMe">About us</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#experience">Skills & Experience</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<divid="hero">
<div>
<video autoplay loopposter="img/hero.jpg">
<source src="video/Hello-World.mp4" type="video/mp4" />Your browser does not support the video tag. I suggest you upgrade your browser.
<source src="video/Hello-World.webm" type="video/webm" />Your browser does not support the video tag. I suggest you upgrade your browser.
</video>
<div>
<div>
<h1>Welcome to my web presentation</h1>
<h2>My name is Aleksandar Mitrović, I'm a <span>frontend developer</span> living in Belgrade, Serbia.</h2>
</div>
</div>
<div>
<a href="#aboutMe">
<iaria-hidden="true"></i>
Scroll down
</a>
</div>
</div>
</div>
<section id="aboutMe">
<div>
<div>
<div>
About me
</div>
</div>
<div>
<div>
<img src="http://s7.postimg.org/54pch8kyz/image.jpg">
</div>
</div>
<div>
<div>
<p>I am a student of final year school of electrical engineering and computer science of applied studies in Belgrade, majoring in new computer technology.</p>
<p>Occupation: Professional Electrical and Computer Engineer.</p>
<p>I finished middle electrical school in Belgrade.</p>
<p>I am a person with adventurous spirit and trips for me represent a kind of hobby.</p>
<p>Besides programming I have a great interest for history and social sciences.</p>
<p>In my free time I prefer drawing.</p>
<p>KNowledge of English and German language.</p>
<p>Active driver B category.</p>
</div>
</div>
</div>
</section>
<sectionid="portfolio">
<div>
<div>
<div>
Portfolio
</div>
</div>
<div>
<a href="http://sf1group.staging.creitiveapps.com/sr" target="_blank">
<div>
<img src="img/sf1group.png">
<div>
SF1 Group
</div>
</div>
</a>
<a href="http://www.gradjevinar.rs/sr" target="_blank">
<div>
<img src="img/gradjevinar.png">
<div>
Gradjevinar
</div>
</div>
</a>
<a href="http://globtour.staging.creitiveapps.com/hr" target="_blank">
<div>
<img src="img/globtour.png">
<div>
Globtour
</div>
</div>
</a>
<a href="http://jadranekspres.staging.creitiveapps.com/en" target="_blank">
<div>
<img src="img/jadranekspres.png">
<div>
Jadranekspres
</div>
</div>
</a>
<a href="#portfolio">
<div>
<img src="http://www.snopes.com/wordpress/wp-content/uploads/2016/04/the-farm-below-the-mountain.jpg">
<div>
</div>
</div>
</a>
<a href="#portfolio">
<div>
<img src="http://images.8tracks.com/cover/i/000/933/114/44813.original-6904.jpg?rect=128,0,768,768&q=98&fm=jpg&fit=max">
<div>
</div>
</div>
</a>
</div>
</div>
</section>
<sectionid="experience">
<div>
Skills & Experience
</div>
<div>
<div>
<div>
<div id="skill1"></div>
<h2>Html5 / Bootstrap</h2>
</div>
<div>
<div id="skill2"></div>
<h2>Css3 / Sass</h2>
</div>
<div>
<div id="skill3"></div>
<h2>Javascript / Jquery</h2>
</div>
<div>
<div id="skill4"></div>
<h2>PHP / MysqL</h2>
</div>
<div>
<div id="skill5"></div>
<h2>wordpress</h2>
</div>
<div>
<div id="skill6"></div>
<h2>Photoshop</h2>
</div>
</div>
<div>
<div>
<h1>Internship for Frontend developer ( 4 months )</h1>
<p>I had internship for frontend developer in digital agency "Creitive" in Belgrade.</p>
<p>On internship i was working with:</p>
<ul>
<li>-HTML5 ( BOOTSTRAP ) / CSS3 ( SASS, COMPASS, BEM Methodology )</li>
<br>
<li>-JAVASCRIPT (JQUERY)</li>
<br>
<li>-PHP</li>
</ul>
<p>Framework i was working with:</p>
<ul>
<li>-PHP FRAMEWORK LaraVEL</li>
</ul>
<p>OS i was working with:</p>
<ul>
<li>-LINUX</li>
</ul>
<p>Version control system i was working with:</p>
<ul>
<li>-GIT</li>
</ul>
</div>
</div>
</div>
</section>
<sectionid="contact">
<div>
<div>
<div>
Contact
</div>
</div>
<div id="map"></div>
<div>
<div>
<a href="tel:+381656761810">
<iaria-hidden="true"></i> +381 65 6761 810
</a>
<a href="mailto:coaone93@gmail.com">
<iaria-hidden="true"></i> coaone93@gmail.com
</a>
</div>
<form name="contactform" method="post" action="send_form_email.PHP"id="forms">
<div>
<label for="name">Full name</label>
<input type="text" id="name" name="name" maxlength="50" size="50px" min="5" required>
<label for="email">Email</label>
<input type="email" id="email" name="email" required>
<label for="phone">Phone</label>
<input type="number" id="phone" name="phone" size="50">
</div>
<div>
<label for="comment">Comment</label>
<textarea id="comment" name="comment" minlength="5" maxlength="1000" cols="25" required></textarea>
<input type="submit" value="Send">
</div>
</form>
</div>
</div>
</section>
<footer>
<div>
<div>
<divhttps://www.jb51.cc/tag/logo/" target="_blank">logo">
<a href="#hero"><img src="img/logo.png" width="110" height="23"></a>
</div>
</div>
<div>
<div>
<a href="https://www.facebook.com/tadija.stefanovic.5" target="_blank"><iaria-hidden="true"></i></a>
<a href="https://www.linkedin.com/in/aleksandar-mitrovic-155590b6?trk=nav_responsive_tab_profile_pic" target="_blank"><iaria-hidden="true"></i></a>
</div>
</div>
<div>
<div>
copyright 2016 Aleksandar Mitrović
</div>
</div>
</div>
</div>
</footer>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<!-- Script for circles percents on section skills & experiences -->
<script src="js/circlePercentProgress.js"></script>
<!-- End of script for circles percents on section skills & experiences -->
<!-- Script for options of circles percents on section skills & experiences -->
<script src="js/circlePercentProgressOptions.js"></script>
<!-- End of script for options for circles percents on section skills & experiences -->
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
解决方法:
这很简单：代码中有很多断开的链接.
例如,您正在尝试包含一个名为js / navScroll.js的脚本,但该文件实际上名为js / navscroll.js
每个损坏的链接都会导致重定向到000webhost的404错误页面,这是一个HTML文档,因此以<开头. 期待CSS或JS文件的浏览器抱怨意外的令牌.
今天关于将 reactjs 应用程序部署到 aws 会导致白屏和错误“Uncaught SyntaxError: Unexpected token '<'”的讲解已经结束，谢谢您的阅读，如果想了解更多关于bundle.js:47 Uncaught SyntaxError: Unexpected token import、Ext 错误 "Uncaught SyntaxError: Unexpected token <"、Flask下"Uncaught SyntaxError: Unexpected token <"，一个有意思的错误、javascript – 第一行中的“Uncaught SyntaxError：Unexpected token <”的相关知识，请在本站搜索。
本文标签：
![[转帖]Ubuntu 安装 Wine方法（ubuntu如何安装wine）](https://www.gvkun.com/zb_users/cache/thumbs/4c83df0e2303284d68480d1b1378581d-180-120-1.jpg)
