Using a CDN to load React

Question

I have a simple React App that I'm trying to load through using a CDN vs NPM.

My options.html file:

<!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'))

When I load up options.html in a browser, nothing is showing up when I expected to see Hello world. I checked the debugger and no errors are coming up.

What am I doing wrong?

Answer 1

I believe :

There is no need of type="text/babel"

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

so it should be

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

Using a CDN to load React

Question

1 answers

solution1
0 2017-10-24 15:07:25

Using a CDN to load React

Question

1 answers

solution1 0 2017-10-24 15:07:25

solution1
0 2017-10-24 15:07:25