我有 Codepen 代码,我正尝试使用三个文件(index.html、main.js 和 style.css)在网页上复制这些代码。我尝试将这些脚本加载到 HTML 文件的 head 标签上。
<script src="https://npmcdn.com/babel-transform-in-browser@6.4.6/dist/btib.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react.min.js"></script>
但是,它不起作用。我得到的只是这个错误
Uncaught SyntaxError: Unexpected token <
将此反应代码加载到 HTML 需要哪些 CDN 脚本文件?
原文由 anoop chandran 发布,翻译遵循 CC BY-SA 4.0 许可协议
您需要使用
babel standalone
脚本来反编译代码,并且您需要包含react and react-dom
的脚本,使用这些它会起作用:它使用 codepen 的原因: 检查设置/javascript,你会发现 babel 被选为 JavaScript Preprocessor ,codepen 自动包含脚本,但要在本地运行这些文件,你需要包含
standalone script
。更新:
1-您需要在渲染反应代码的div之后定义脚本,否则会抛出错误。像这样:
2- 使用
ReactDOM.render
而不是React.render
。检查工作代码: