Aurelia CLI 视口不呈现

Question

我按照此处的文档为 typescript 创建了一个新的 aurelia 项目 https://aurelia.io/docs/tutorials/creating-a-contact-manager。安装的 CLI 版本是 aurelia-cli v1.0.0-beta.13。我遵循了所有步骤，包括根据需要将样本更改为 TS。我确实下载了所需的附加资产并根据文档重命名了文件。当我键入 "au run" 或 "au run --watch" 时，站点编译没有错误。

视口从不呈现。它是完全空白的。但是，标题确实呈现。如果我查看页面的源代码，这就是我所看到的完全格式化的内容。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Aurelia Navigation Skeleton</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <base href="/">
    <!-- imported CSS are concatenated and added automatically -->
  </head>
  <body aurelia-app="main">
  <script type="text/javascript" src="/runtime~app.89f02086e8de1923ee27.bundle.js"></script><script type="text/javascript" src="/vendors~7e79ec10.89f02086e8de1923ee27.chunk.js"></script><script type="text/javascript" src="/vendors~556c66f2.89f02086e8de1923ee27.chunk.js"></script><script type="text/javascript" src="/vendors~72fdf3f2.89f02086e8de1923ee27.chunk.js"></script><script type="text/javascript" src="/vendors~50e8d500.89f02086e8de1923ee27.chunk.js"></script><script type="text/javascript" src="/vendors~5ea1390f.89f02086e8de1923ee27.chunk.js"></script><script type="text/javascript" src="/vendors~ecff2e3d.89f02086e8de1923ee27.chunk.js"></script><script type="text/javascript" src="/vendors~02227409.89f02086e8de1923ee27.chunk.js"></script><script type="text/javascript" src="/vendors~7274e1de.89f02086e8de1923ee27.chunk.js"></script><script type="text/javascript" src="/vendors~1dd9cae8.89f02086e8de1923ee27.chunk.js"></script><script type="text/javascript" src="/vendors~db300d2f.89f02086e8de1923ee27.chunk.js"></script><script type="text/javascript" src="/vendors~b58f7129.89f02086e8de1923ee27.chunk.js"></script><script type="text/javascript" src="/vendors~ec8c427e.89f02086e8de1923ee27.chunk.js"></script><script type="text/javascript" src="/vendors~95a414bc.89f02086e8de1923ee27.chunk.js"></script><script type="text/javascript" src="/vendors~de47f514.89f02086e8de1923ee27.chunk.js"></script><script type="text/javascript" src="/vendors~5196d596.89f02086e8de1923ee27.chunk.js"></script><script type="text/javascript" src="/app~d0ae3f07.89f02086e8de1923ee27.chunk.js"></script></body>
</html>

节点版本是 v10.15.2

NPM 是 6.8.0

Windows 版本 7

Typescript 版本为 3.3.3333

如何让 chrome、firefox 或 IE11 渲染某些内容？

Answer 1

当我安装 bootstrap 时，还需要加载许多依赖项。

npm WARN acorn-dynamic-import@4.0.0 requires a peer of acorn@^6.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN aurelia-tools@2.0.0 requires a peer of babel-eslint@^7.2.3 but none is installed. You must install peer dependencies yourself.
npm WARN aurelia-tools@2.0.0 requires a peer of eslint@^4.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN bootstrap@4.3.1 requires a peer of jquery@1.9.1 - 3 but none is installed. You must install peer dependencies yourself.
npm WARN bootstrap@4.3.1 requires a peer of popper.js@^1.14.7 but none is installed. You must install peer dependencies yourself.

我本以为在安装 CLI 时 aurelia-tools 会安装 eslint 和 babel-eslint 包，但是，这是一个不同的讨论。

Aurelia CLI 视口不呈现

Aurelia CLI viewport does not render

aurelia