Question

我有一个简单的React App，我试图通过使用CDN与NPM来加载。

我的options.html文件：

<!DOCTYPE html>
<html>
  <head>
    <title>My Test Extension Options</title>
    <script src="https://fb...me/react-0.14.3.js"></script>
    <script src="https://fb...me/react-dom-0.14.2.js"></script>
  </head>

  <body>
    <div id="root"></div>
    <script src="index.js" type="text/babel"></script>
  </body>
</html>

index.js

import React, { Component } from 'react'
import ReactDOM from 'react-dom';

class App extends Component {
    render() {
        return (
            <div>Hello world</div>
        )
    }
}


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

当我在浏览器中加载options.html时，当我希望看到Hello world时，没有任何内容出现。我检查了调试器，没有出现错误。

我做错了什么？

Answer 1

我相信：

不需要type =“text / babel”

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

所以它应该是

<script src="index.js" ></script>

使用CDN加载React

1 个答案: