Docusaurus中的自定义登录页面

Question

我在工作中有一个任务，那就是在Docusaurus中实现登录页面。

我正在尝试通过添加一些HelloWorld来自定义index.js。包括具有实际Docusaurus索引页面的login.js

const Index = require('./login.js');

const React = require('react');
class Button extends React.Component {
render() {
   return ("helloworld");}
} 
module.exports = Button;

但是抛出的错误是：

Error: Cannot find module './login.js'

是否可以从Docusaurus中的另一个js页面调用该类？

Answer 1

Docusaurus维护者在这里！是的，应该可以，因为当前的模块系统是CommonJS。您必须将该组件放在与index.js相同的目录中。如果可能，请将我链接到存储库，我可以帮助您查看。

另外，为Docusaurus构建登录表单没有多大意义，因为Docusaurus会生成一个静态站点，该站点会在页面导航中丢失状态，除非您将它们持久化到cookies或localStorage中。这样做会很麻烦。也许你可以解释一下你想在这里构建什么，我可以向你推荐更好的替代方案。

Answer 2

首先。"login.js“看起来像什么？它是具有定义良好的(默认)名称空间的导出模块吗？

其次，您不应该将文件扩展名添加到导入。它是"require('./login')“而不是"require('./login.js')”。