Angular 原理图 - 文件未安装

Question

我正在构建一个 Angular 自定义原理图。我创建了文件目录，它看起来像这样：

我正在尝试将此组件添加到最终应用程序中。我的索引文件如下所示：

function addSideNav(options: any) {
return (host: Tree, context: SchematicContext) => {
try {

  host.delete('src/app/app.component.html');

  const workspace = getWorkspace(host);
  if (!options.project) {
    options.project = Object.keys(workspace.projects)[0];
  }
  const project = getProject(host, options.project);

  if (options.path === undefined) {
    options.path = buildDefaultPath(project);
  }

  const templateSource = apply(url('./files'), [
    template({
      ...options,
      ...strings
    }),
    move(options.path)
  ]);

  // context.logger.log("info", `✅️ Added SideNav to the tree`);
  return mergeWith(templateSource);

} catch (e) {
  context.logger.log("error", ` Failed to add the SideNav to the tree`);
  throw new SchematicsException(`Error detailes: ${e}`);
}};}

之后我这样调用这个函数：

export default function (options: any): Rule {
return chain([
    addPackageJsonDependencies(),
    installPackageJsonDependencies(),
    addSideNav(options),
    addMaterialStyle(options),
    addPolyfillToScripts(options),
    addToAppModule(options)

]); }

当我在本地使用 npm link 对其进行测试时 - 它运行良好。一切都创建得很好。

但是当我将它发布到 npm 并从 npm 安装时 - 除了 ts 文件之外的所有文件都已创建：

side.nav.component.ts

我没有收到任何警告。

我在这里错过了什么？

Answer 1

解决了。事实证明这是发布到 npm 的问题。由于某些未知原因，创建了一个 .npmignore 文件 - 不知道是如何创建的，我在里面看到了这个：

*.ts

所以基本上它在我发布时忽略了所有打字稿文件。

Answer 2

嗯，默认情况下它会忽略 .ts 文件，因为 shematics 运行在构建版本上，并且不需要原理图 [=15] 中的 index.ts 或 schema.ts 文件之类的源文件=].所以要小心，你应该只忽略想要的目录，通过添加类似的东西：

# Ignores TypeScript files, but keeps definitions.
*.ts
!*.d.ts    
# Not ignoring component files
!src/your-schematics/files/**/*.ts

Angular 原理图 - 文件未安装

Angular schematics - file not installing

angular

angular-schematics