html index.js:1未捕获的语法错误:意外标记〈

m1m5dgzv  于 2022-12-16  发布在  其他
关注(0)|答案(4)|浏览(268)

我正在尝试运行Web应用的生产版本,该版本在IIS服务器上使用React的缩小(生产)版本。我们当前可以运行开发人员版本,但在尝试运行生成版本时,我们不断收到以下错误

`index.js:1 Uncaught SyntaxError: Unexpected token <`

我想可能是build文件夹中的缩小代码,所以我创建了一个基本的index.js,里面只有一个警告,但它仍然失败。我检查了文件路径,它似乎是write,index.html文件似乎也是按顺序的。我们正在使用www.example.com中的boilerreactboilerplate.com并运行npm run build命令
开发控制台打印输出:

index.html:

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

<head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <link rel="manifest" href="manifest.json">
 <meta name="mobile-web-app-capable" content="yes">
 <title>Timeclock</title>
</head>

<body>
 <noscript>If you're seeing this message, that means
  <strong>JavaScript has been disabled on your browser</strong>, please <strong>enable JS</strong> to make this app work.</noscript>
 <div id="app"></div>
 <script type="text/javascript" src="index.js"></script>
</body>

</html>
nwlqm0z1

nwlqm0z11#

检查你的页面,并验证当你获取index.js文件时,你实际上得到了它。我的猜测是,当你获取index.js文件时,你实际上得到了index.html,因此当你的浏览器试图将index.html文件的副本作为脚本执行时,它立即出错,因为不是一段JavaScript的有效初始字符。这是人们在配置html push state时遇到的一个常见的错误配置,因此您的web服务器可能没有正确配置以正确服务index.js;确保在iisconfig.xml文件中设置了以下内容:

<configuration>
    <system.webServer>
        <rewrite>
          <rules>
            <rule name="Main Rule" stopProcessing="true">
                    <match url=".*" />
                    <conditions logicalGrouping="MatchAll">
                        <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
                        <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
                    </conditions>
                    <action type="Rewrite" url="/" />
                </rule>
            </rules>
        </rewrite>
    </system.webServer>
</configuration>
vqlkdk9b

vqlkdk9b2#

虽然链接到index.js文件,你只需要添加类型为“文本/JSX”和错误消失。

<script src="../src/index.js" type="text/JSX"></script>
3pmvbmvn

3pmvbmvn3#

设置index.js并与HTML文件链接后,您应该删除index.js中的,然后直接运行代码。错误将消失!就是这么简单,但在开始时很棘手。

wbgh16ku

wbgh16ku4#

我得到了同样的错误,这是因为我正在使用express.static('public '),但这不是那里的主文件。我的'Public'文件夹是在另一个文件夹称为'开发',这是混乱的路径。拉出来的一切开发和问题得到解决。希望这有助于

相关问题