我正在学习本教程:Headless Drupal with React。我敢打赌,教程本身与我的问题没有关系。在教程中,它显示了直接在.html文件中直接从CDN导入两个React和ReactDOM。如何导入从`npm`或`yarn`下载的JavaScript文件到客户端(浏览器)?
我的问题是如何让包管理器(npm
或yarn
)将这些要导入的文件(带有RequireJS)下载到浏览器,就像直接从CDN获取?我安装了这个命令yarn add react react-dom
。
我的第一个猜测是,我需要进口的两个文件,react.js
和react-dom.js
与RequireJS。所以,我现在所拥有的在我的index.html是这样的:
<!doctype html>
<html>
<head>
<script data-main="js/main" src="node_modules/requirejs/require.js"></script>
</head>
<body>
</body>
</html>
而且在我的js/main.js我有这些简单的代码:
require(["node_modules/react-dom/cjs/react-dom.development.js"]);
require(["node_modules/react/cjs/react.development.js"]);
但它返回一个奇怪的错误:
Uncaught ReferenceError: process is not defined
at react.development.js:12
(anonymous) @ react.development.js:12
react-dom.development.js:12 Uncaught ReferenceError: process is not defined
at react-dom.development.js:12
重新那句:我怎么能安装从包经理反应,ReactDOM和这些文件导入直入我的HTML文件?
我现在不打扰最佳实践,我不会接受像“从CDN直接保存.js文件”这样的解决方案,......种解决方案。
好的,但从教程来看,直接从CDN __works__导入React JavaScript文件。我想这样做,但是从CDN开始,我希望JS文件通过包管理器下载到本地。 – notalentgeek
我不知道那是什么....我没有使用NodeJS作为服务器。 React将用作Drupal主题。 – notalentgeek
你在服务器上使用什么? – Hunter