为啥新创建的 Jhipster 项目的 body height=0？

Posted 2023-03-05

技术标签:

【中文标题】为啥新创建的 Jhipster 项目的 body height=0？【英文标题】：Why is the body height=0 on a newly created Jhipster project?为什么新创建的 Jhipster 项目的 body height=0？ 【发布时间】：2017-12-04 10:47:09 【问题描述】：

我刚刚创建了我的第一个 jhipster 应用程序，并按照说明如何设置我的 IDE (eclipse)。

之后，我运行了 gradle bootRun 任务（在 eclipse 中），一切正常。

当我访问本地主机地址时，页面是空白的。在firefox（f12）中调查问题，发现body的高度为0。

在尝试通过在 index.html 文件中手动将其高度设置为 100vt 来手动拉伸 html 正文后，通过 f12 进行的另一项调查显示，应用了新设置（现在高度为 100vt），但页面仍然空白。

可能是什么问题？我已经确认，所有需要的文件都存在，所以它不可能是找不到文件问题

有趣的是，页面名称显示在选项卡中。由于名称是在 index.html 的标头中定义的，因此该文件必须正确部署，但生成的部分肯定存在某种问题。

编辑

运行yarn run webpack:build

yarn run v0.23.2
$ yarn run cleanup && yarn run webpack:build:vendor && yarn run webpack:build:dev
yarn run v0.23.2
$ rimraf build/aot,www
The command "rimraf" is either spelled incorrectly or could not be found
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

编辑 2

正如评论中提到的那样，我可能必须运行yarn install，但这给了我以下错误，我根本不明白......

error C:\CUBE\workspace\cube\node_modules\generator-jhipster: Command failed.
Exit code: 1
Command: C:\WINDOWS\system32\cmd.exe
Arguments: /d /s /c tabtab install --name jhipster --auto
Directory: C:\CUBE\workspace\cube\node_modules\generator-jhipster
Output:
Fri, 30 Jun 2017 14:40:09 GMT tabtab:installer Installing completion script to fish directory
fs.js:641
  return binding.open(pathModule._makeLong(path), stringToFlags(flags), mode);
                 ^
Error: ENOENT: no such file or directory, open 'C:\CUBE\workspace\cube\node_modules\tabtab\scripts\C:\Program Files\Git\usr\bin\bash.sh'
    at Error (native)
    at Object.fs.openSync (fs.js:641:18)
    at fs.readFileSync (fs.js:509:33)
    at Complete.script (C:\CUBE\workspace\cube\node_modules\tabtab\src\complete.js:373:14)
    at Installer.writeTo (C:\CUBE\workspace\cube\node_modules\tabtab\src\installer.js:91:34)
    at Installer.handle (C:\CUBE\workspace\cube\node_modules\tabtab\src\installer.js:80:21)
    at Commands.install (C:\CUBE\workspace\cube\node_modules\tabtab\src\commands\index.js:75:22)
    at Object.<anonymous> (C:\CUBE\workspace\cube\node_modules\tabtab\src\cli.js:33:16)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.

【问题讨论】：

C:\CUBE\workspace\cube\node_modules\tabtab\scripts\C:\Program Files\Git\usr\bin\bash.sh 不是有效目录。您的配置有问题。这就是yarn install 不起作用的原因。 @Nico 我可以想象，但是我没有在任何地方输入这个路径，这就是问题所在......路径以某种方式生成 【参考方案1】：

你选择了 Angular2 吗？

在这种情况下，您需要编译前面的部分。使用：

yarn run webpack:build 或直接与：yarn start

所有说明都应该在您的 README.md 中提及

【讨论】：

运行yarn install，很明显node_modules文件夹中缺少一些依赖项 @GaelMariziou 我添加了一个带有 yarn install 输出的编辑【参考方案2】：

似乎这一代人错过了什么。

当我开始使用 JHipster 时，我遇到了类似的问题。

我按照安装说明（再次）解决了这些问题。在第一次尝试时我遇到了问题，然后我重新安装了所有这些组件，然后我重新生成了我的应用程序。

第二次没有问题，一切顺利！

在我看来，在生成过程中会出现一些错误，这就是您的页面空白的原因。尝试重新安装或简单地更新您的工具和插件，然后重新生成您的项目。

关注link 了解更多信息。