javascript - jsx 文件映射错误 : Unable to generate source map (ReactJS)

标签 javascript reactjs

浏览器中出现错误(ReactJS):

<html>
<head>
<title>Hello React</title>
</head>
<body>
<h2 id="container"></h2>

<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/react/react-0.12.2.min.js"></script>
<script src="~/Scripts/react/JSXTransformer-0.12.2.js"></script>
<script src="@Url.Content("~/Scripts/jsx/HelloWorld.jsx")"></script>
</body>
</html>

我收到以下错误:(检查元素 > 控制台)

GET http://localhost:1869/Scripts/jsx/HelloWorld.jsx?map=460A24595CF673D243983590694BCFEE 500 (Unable to generate source map)

如何解决???需要帮助

最佳答案

我假设您正在客户端使用 JSXTransformer 转换 JSX,因为您包含了 JSXTransformer 脚本。在这种情况下,JSX 脚本标记需要具有属性 type="text/jsx"

关于javascript - jsx 文件映射错误 : Unable to generate source map (ReactJS),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29535915/

相关文章:

javascript - 防止 Rails 应用程序中 Bootstrap 4 javascript 滚动 spy 的默认行为

javascript - 使用 CSS 跨浏览器 div 居中对齐

javascript - 无法删除边框底部

reactjs - 更改值后 React 组件不更新

node.js - 如何将 id 和 body 添加到 axios.PUT 请求中?

reactjs - 有没有办法让 `react-scripts` 在构建的根目录中包含额外的文件?

javascript - 在 jQuery 中访问 DOM 元素的最有效方法是什么?

javascript - 如何从ajax php函数发出警报框

javascript - 简单普通 JavaScript 的开 Jest 测试 - 无法读取 null 的属性 'addEventListener'

javascript - 使用 axios 和 express 时的 'Access-Control-Allow-Origin'