在导入react而不是使用CDN时不需要定义

时间:2019-06-05 00:31:30

标签: javascript reactjs express

当我停止使用CDN并包含react和使用import时,就会发生问题。 当我键入:

  

节点index.js

第一个代码可以正常工作:

index.html:

<DOCTYPE! html>
<html>
    <head>
        <title>Hello React!</title>
        <script src='https://unpkg.com/react@16/umd/react.development.js'></script>
        <script src='https://unpkg.com/react-dom@16/umd/react-dom.development.js'></script>

        <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
    </head>
    <body>
        <div id='root'></div>

        <script src='App.js' type='text/babel'></script>
    </body>
</html>

App.js:

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

index.js:

const express = require('express');
const app = express();
const port = 3000;
app.use(express.static('static'));
app.listen(port);

但是,当我进行以下修改时:

注释链接以在 index.html

中做出反应
<!--
    <script src='https://unpkg.com/react@16/umd/react.development.js'></script>
    <script src='https://unpkg.com/react-dom@16/umd/react-dom.development.js'></script>
-->

下载react和react-dom与npm

  

npm i -S react react-dom

App.js

中添加导入
import React from 'react';
import ReactDOM from 'react-dom';

我收到一个错误:要求未定义

所以我想知道为什么会这样,怎么解决。

请注意,我没有触摸通向Babel的链接

0 个答案:

没有答案