首页 > 解决方案 > Next.js“out”文件夹 html 文件缺少一些组件

问题描述

当我在我的“http://localhost:3000/”服务器上运行项目时,组件就会出现。但是当我将它部署到我的 GitHub 页面时,它就不存在了。

我发现当我npm run deploy和我out的文件夹生成时,index.html文件out夹中的文件也缺少该组件,并且由于该组件已上传到 GitHub 页面,因此该组件未显示在网站上。

如果有任何相关性,该组件是typewriter-effect ^2.18.2我之前安装的。

对项目所做的其他更改会反映到index.htmlout 文件夹中的文件上,并最终反映到我的 GitHub Pages 上,但这个组件不是。

有趣的是,我使用了其他依赖项来获得这种打字机效果,例如 , ,react-typewriter ^0.4.1但它们都未能出现在out 文件夹中生成的文件上。react-typical ^0.1.3react-typing-animation ^1.6.2index.html

要部署到 GitHub 页面,我遵循了这个

我如何使用组件:

<Typewriter
    options={{
        strings: [
           "Text 1",
           "Text 2",
           "Text 3",
           "Text 4",
           "Text 5",
       ],
       autoStart: true,
       loop: true,
   }}/>

完整的源代码存储库 使用的打字机在这里第 21-33 行这里第 31-42 行

编辑:改了一个字

标签: javascripthtmlreactjsnext.jsgithub-pages

解决方案


推荐阅读