反应/节点未捕获语法错误：意外标记 <

Question

反应/节点未捕获语法错误：意外标记 <

Ahm*_*ban 6 node.js express reactjs webpack

我已经尝试了一切，但我对应该在哪里调查这个问题有点迷茫。

发生的情况是，一旦您构建了 react 应用程序并部署了它（使用 node/express），它就会完美运行。但是，如果您再次构建并将构建文件夹带到节点服务器，则会出现语法错误。仅当您的浏览器已打开应用程序一次时才会发生这种情况。

我做了研究，人们说浏览器正在尝试加载旧的静态文件，这就是发生这种情况的原因。尽管根据我的尝试，他们的解决方案都没有奏效。

我非常感谢任何人对这个问题的帮助。

干杯

更新

正如戴文建议的那样。我查看了 chrome devtools，这是我在回复中得到的回复

<!DOCTYPE html>
<html lang="en" id="html">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
    <meta name="theme-color" content="#000000">
    <script src="/js/modernizr.js"></script>
    <link rel="manifest" href="/manifest.json">
    <link rel="shortcut icon" href="/favicon.ico">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
        integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
        crossorigin="anonymous"></script>
    <link rel="stylesheet" href="/css/mega-nav.css">
    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.4.1/css/swiper.min.css">
    <title>Q Parts</title>
    <link href="/static/css/style.css" rel="stylesheet">
    <link href="/static/css/main.css" rel="stylesheet">
    <link href="/static/css/main-ar.css" rel="stylesheet">
</head>

<body><noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
    <script src="/js/jquery-3.3.1.min.js"></script>
    <script src="https://code.jquery.com/jquery-migrate-3.0.1.min.js"></script>
    <script src="/js/jquery.mobile.custom.min.js"></script>
    <script src="/js/popper.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/main.js"></script>
    <script>$(document).ready(function () { $(".has-children").hover(function () { $(".overlay-lg").addClass("is-visible") }, function () { $(".overlay-lg").removeClass("is-visible") }), $(".cd-primary-nav li").click(function () { $(".cd-primary-nav").animate({ scrollTop: $(".nav-is-visible").offset().top }, "200") }) })</script>
    <script type="text/javascript" src="/static/js/main.957b5c6e.js"></script>
</body>

</html>

Run Code Online (Sandbox Code Playgroud)

Answer 1

Ahm*_*ban 7

谢谢大家，帮我解决这个问题。我接受了@Davin 的建议并打开了开发工具（在 chrome 中）。我用谷歌搜索了同样的问题，但添加了_sw-precache. 最终，我发现人们面临着同样的问题，所以这是他们的建议：

只需添加<base href="/" />到我的 index.html 中即可为我修复它。

https://github.com/webpack/webpack/issues/2882#issuecomment-280906981

那个家伙救了我的命！ (2认同)

归档时间：	6 年，8 月前
查看次数：	6881 次
最近记录：	4 年，10 月前

反应/节点未捕获语法错误：意外标记 &lt;

反应/节点未捕获语法错误：意外标记 <