当我停止使用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的链接