在第一次进入我的 /home 路线时，我的导航按钮没有获得材质样式，.mat-button 的长样式链，包括 min-width: 88px （我发现这是一个非常好的搜索键）。该样式包含在 vendor.bundle 中。它接收许多其他样式，例如 flex-layout 等。
当我从 Chrome 控制台查看它时，样式表未列在元素的适用样式中。当我查看DOM（在elements->head下）时，vendor.bundle.js表没有列在加载的样式中！当我导航到 /login 并停留在那里时，它会被加载。比较 home.module 和 login.module 后，我在后者中找不到任何导入，但在前者中找不到（除了路由模块和两个模块的私有组件）。
奇怪的是：这只发生在初始进入的 /home 路由上。所有其他路由（例如 /login - /home 和 /login 都没有路由保护）可以看到材质样式（带有最小宽度为 88px 的更宽按钮等）。更好奇的是，如果我导航到任何路线并返回/home，则材料样式会重新出现。它们没有出现的唯一情况是当我输入 /home 到浏览器 URL 框时。
请注意，导航按钮是我的 app.conponent（home.component 的父级）的一部分。我不知道为什么初始导航到 /home 会改变 app.component 的样式。
网络跟踪显示，在加载 /home 后，当我切换到 /login 并返回到 /home 时没有加载任何其他内容。
config:
@angular/cli: 1.4.4
@angular/core: 4.4.4
@angular/material: 2.0.0-beta.11
我说的88px在很多地方都可以找到，包括material/bundle/material.umd.js line 3744
MdButton.decorators = [...
关于如何调试这个有什么建议吗？这真让我抓狂。
你期待发生什么？ 安装 ts-node 时给定 .ts 文件即可正常 gulp 操作
究竟发生了什么？
[10:24:59] Requiring external module ts-node/register
.\gulpfile.ts:3
import { __awaiter, __generator, __read, __spread } from "tslib";
^^^^^^
SyntaxError: Cannot use import statement outside a module
at Module._compile (internal/modules/cjs/loader.js:891:18)
...
如果我 tsc 我的 gulpfile.ts，那么 gulp 可以完美地处理转译的输出。只有当我直接给 gulp gulpfile.ts 时，它才会窒息。如果我的文件包含任何导入语句，则标记我的第一个语句（即使它是注释）。
我使用import { src, dest, series, parallel } from 'gulp';（参见下面的示例）而不是const { src, dest, series, parallel } = require('gulp');因为 require() 是一个无类型的 Nodejs 函数(string) => any，丢失了所有类型信息。我的 gulpfile 中可能存在各种类型错误而未被检测到，这违背了将其写入 TS 的目的。
使用下面的 …
在没有 Hammerjs 的情况下使用 Angular Material 的正确方法是什么？
我不想使用 HammerJS。当我将鼠标拖动到材质选项卡组内（即使在 HTML INPUT 控件内）时，它会产生奇怪的行为（切换到另一个选项卡），而且我绝对不希望出现这种行为。我无法选择选项卡组内显示的任何文本。
如果我不包含hammerjs，Angular 每次都会抱怨。我不认为在控制台中留下警告消息是一个好习惯。