Question

我正在尝试为react.js做一个hello world，但react.js在3行失败。错误是参考错误：

ReferenceError: Can't find variable: module                     react.js:3

我认为它是一个节点模块，而节点恰好是我为html提供的服务。不完全确定为什么这是......任何人都在关注猜测或提示我？代码很简单：

main.js

// main.js
var React = require('react');
var ReactDOM = require('react-dom');

ReactDOM.render(
    <h1>Hello, world!</h1>,
    document.getElementById('example');
);

的index.html

<!DOCTYPE html>
<html>
    <head>
        <title>Hello React!</title>
        <script src="node_modules/react/react.js"></script>
        <script src="node_modules/react-dom/dist/react-dom.js"></script>
        <script src="main.js"></script>
    </head>
    <body>
        <div id="example"></div>
    </body>
</html>

Answer 1

节点模块不能直接包含在html文件中。它们必须仅通过javascript文件使用。节点模块提供提供CSS＆amp ;;的dist文件夹时有一个例外。要包含在index.html中的JavaScript。对于React节点模块，情况并非如此。 react-dom可以按原样包含（来自dist文件夹）。

您已经要求main.js做出反应。没有必要将其包含在index.html中。捆绑main.js时，将包含React。如果您不捆绑它，则必须包含可以包含在html文件中的React版本。我认为node_modules\react\dist

中有一个

为什么不react.js识别自己的node.js模块？

1 个答案: