Question

这是我的HTML代码，它几个月前工作得很好吗？我正在使用Ubuntu复制完整路径并在浏览器上运行它。这与React无法解决这个问题有关吗？

<div id='root'></div>
<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>

<script src="app.js" type="text/babel"></script>

这是我的JS的一部分，我在那里渲染这些东西。应该工作正常。我省略了为程序本身提供功能的函数。

  render: function() {
      return (
        <div className="todoListMain">
          <div className="header">
            <form onSubmit = {this.addItem}>
              <input ref={(a) => this._inputElement = a}
                placeholder="enter task">
              </input>
              <button type="submit">add</button>
            </form>
          </div>
          <TodoItems entries={this.state.items}/>
        </div>
      );
    }
});


ReactDOM.render(
  <TodoList/>,
    document.getElementById('root')
);

这一切都在以前工作正常，那时我用wamp localhost和windows。

Answer 1

您似乎直接从文件系统（file://）和来自CDN的React和Babel库加载您的html文件。

出于安全考虑，您的浏览器似乎拒绝这样做。

您可以将React和Babel库放在app.js旁边的文件系统上

或者您通过网络服务器通过http加载您的应用程序。

我的反应不会呈现。仅显示空白

1 个答案: