Question

我是角色新手，最近买了一个名为Metronic的主题。我安装了所有必需的东西，包括最新的角度CLI版本。当我运行命令ng generate component test时，它将创建一个测试文件夹，但只创建一个没有html和css的test.ts文件。

在我见过的所有示例中，此命令将始终创建html，css，ts ...所以我很困惑为什么它只会为我创建ts文件？

感谢任何帮助，谢谢

Answer 1

在angular6中的angular.json文件中，您需要更改“ @ schematics / angular：component {}”

make： “ inlineStyle”：否， “ inlineTemplate”：false，

应如下所示：

"@schematics/angular:component": {
      "spec": false,
      "inlineStyle": false,
      "inlineTemplate": false,
      "prefix": "app",
      "styleext": "css"
    },

这将创建所有三个文件（html，ts和css）

Answer 2

作为解决方法：您可以尝试使用“ng generate component test2 --inline-style = false --inline-template = false”再次生成组件吗？它应该是默认值，但在您的方案中，它看起来像配置已更改。

根据Wiki

的设置

作为长期解决方案，请查看David's answer.

Answer 3

用于创建角度为6的'.ts'文件的CLI命令

ng g c validation --flat=true --inline-style=true --inline-template=true --skipTests=true


'Flat' true        - for create file without folder
'inline-style'     - for create or skip the css file
'inline-template'  - for create or skip the html file
'skipTests'        - for create or skip the testing file file

Answer 4

Metronic主题很可能将他们的Angular / Cli配置修改为仅生成组件类。您可以通过转到node_modules文件夹然后进入@angular，然后进入lib，然后进入cli，最后进入config＆gt;来更改此设置。 schema.json。此文件包含使用ng generate运行的所有命令。例如，如果您搜索＆＃34;组件＆＃34;：，您将看到生成的不同内容，例如平面，规格，内联样式等（默认值决定了它是否默认完成。我会从那里开始，以确定他们是否已修改它。如果遇到问题，一个简单的方法是创建一个新的角度项目，然后复制默认的schema.json设置并将它们粘贴到该文件中。 / p>

Answer 5

您需要更改angular.json文件中的

setInterval(() => animatedSnake.next(), 100)

我遇到了同样的问题。这对我有用。

Answer 6

这对我很有效：

将 angular.json 中的“true”更改为“false”

"schematics": {
        "@schematics/angular:component": {
          "inlineTemplate": false,
          "inlineStyle": false,
          "style": "scss",
          "skipTests": false
        },

生成 Angular 组件时添加的 html、css、ts 和 spec.ts 文件。

ng generate component仅创建.ts文件

6 个答案: