JSFiddle怪异。第一次运行后Mobx失败
JSFiddle怪异。第一次运行后Mobx失败
提问于 2017-10-29 06:10:24
Mobx是一种经常与React一起使用的状态管理工具。我正在使用介绍页面底部提供的their 'Ten minute introduction to MobX and React' tutorial. Task List JSFiddle example链接，试图了解MobX工具是如何工作的。
JSfiddle在第一次加载时工作正常。更改一个字节的代码，点击JSfiddle的运行按钮，它就会崩溃。我正在尝试理解JSFiddle崩溃以及如何修复它。
在第一次加载时，我确实看到一个控制台警告
VM48 babel.js:60934 You are using the in-browser Babel transformer.
Be sure to precompile your scripts for production - https://babeljs.io/docs/setup/在JSfiddle中按下run图标后，我看到以下错误消息
Uncaught ReferenceError: mobxReact is not defined
at <anonymous>:47:22
at run (VM48 babel.js:60802)
at check (VM48 babel.js:60868)
at loadScripts (VM48 babel.js:60909)
at runScripts (VM48 babel.js:60936)
at transformScriptTags (VM48 babel.js:324)
(anonymous) @ Inline Babel script:4这对我来说毫无意义。当第一次打开站点时，JSFiddle如何正确运行，但在运行图标后失败？我可以将MobX-react看作一个外部引用。有人知道这里发生了什么吗，以及如何对JSFiddle进行更正(使我能够真正修改和使用MobX，以了解到底发生了什么？)
回答 1
Stack Overflow用户
发布于 2018-05-25 12:49:14
该错误指出您正在尝试使用mobx库，该库不是以包的形式出现的。
未捕获ReferenceError:未定义mobxReact
要解决此问题，请在HTML文件中添加脚本标记以导入mobx库。
示例
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="Mobx Sample">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<div id="app"></div>
<script src="https://npmcdn.com/mobx@2.3.3/lib/mobx.umd.js"></script>
</body>
</html>然后，您可以在JS文件中导入mobx模块。
const { observable, autorun, computed } = mobx;页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/46994999
复制相关文章
相似问题
腾讯云开发者
