如何使用 angular seed 2 安装 Angular material 最新版本 2.0.0-beta.10

Question

我使用主页上的入门控制台行安装了 angular material

npm install --save @angular/material @angular/cdk

但我遇到了这个错误

http://localhost:5574/node_modules/@angular/cdk/a11y.js as "@angular/cdk/a11y"

这是 "@angular/material": "^2.0.0-beta.10" 需要 "@angular/cdk": "^2.0.0-beta.10",

我在 cdk 文件夹中没有看到任何 a11y.js

Answer 1

我终于明白了运行，我不得不在我的 project.config.ts

上添加一些代码行

      let additionalPackages: ExtendPackages[] = [
      {
        name: '@angular/cdk/a11y',
        path: 'node_modules/@angular/cdk/bundles/cdk-a11y.umd.js'
       },

       {
        name: '@angular/cdk/bidi',
        path: 'node_modules/@angular/cdk/bundles/cdk-bidi.umd.js'        
       },

       {
        name: '@angular/cdk/observers',
        path: 'node_modules/@angular/cdk/bundles/cdk-observers.umd.js'        
       },

       {
        name: '@angular/cdk/overlay',
        path: 'node_modules/@angular/cdk/bundles/cdk-overlay.umd.js'        
       },

       {
        name: '@angular/cdk/portal',
        path: 'node_modules/@angular/cdk/bundles/cdk-portal.umd.js'        
       },

       {
        name: '@angular/cdk/scrolling',
        path: 'node_modules/@angular/cdk/bundles/cdk-scrolling.umd.js'        
       },

       {
        name: '@angular/cdk/platform',
        path: 'node_modules/@angular/cdk/bundles/cdk-platform.umd.js'        
       },

       {
        name: '@angular/cdk/keycodes',
        path: 'node_modules/@angular/cdk/bundles/cdk-keycodes.umd.js'        
       },

       {
        name: '@angular/cdk/coercion',
        path: 'node_modules/@angular/cdk/bundles/cdk-coercion.umd.js'        
       },

       {
        name: '@angular/cdk/collections',
        path: 'node_modules/@angular/cdk/bundles/cdk-collections.umd.js'        
       },

       {
        name: '@angular/cdk/rxjs',
        path: 'node_modules/@angular/cdk/bundles/cdk-rxjs.umd.js'        
       },

       {
        name: '@angular/cdk/table',
        path: 'node_modules/@angular/cdk/bundles/cdk-table.umd.js'        
       }

看起来它们都是必需的，否则我会得到一个未找到的错误，没有 a11y.js 我在 bundles 文件夹中找到的是这些 umd 并且它适用于

Answer 2

我遇到了同样的问题，但使用的是 systemJS。我不得不将此广告添加到我的 systemjs.config.js:

        '@angular/cdk/a11y':'npm:/@angular/cdk/bundles/cdk-a11y.umd.js',
        '@angular/cdk/bidi':'npm:/@angular/cdk/bundles/cdk-bidi.umd.js',
        '@angular/cdk/observers':'npm:/@angular/cdk/bundles/cdk-observers.umd.js',
        '@angular/cdk/overlay':'npm:/@angular/cdk/bundles/cdk-overlay.umd.js',
        '@angular/cdk/portal':'npm:/@angular/cdk/bundles/cdk-portal.umd.js',
        '@angular/cdk/scrolling':'npm:/@angular/cdk/bundles/cdk-scrolling.umd.js',
        '@angular/cdk/platform':'npm:/@angular/cdk/bundles/cdk-platform.umd.js',
        '@angular/cdk/keycodes':'npm:/@angular/cdk/bundles/cdk-keycodes.umd.js',
        '@angular/cdk/coercion':'npm:/@angular/cdk/bundles/cdk-coercion.umd.js',
        '@angular/cdk/collections':'npm:/@angular/cdk/bundles/cdk-collections.umd.js',
        '@angular/cdk/rxjs':'npm:/@angular/cdk/bundles/cdk-rxjs.umd.js',
        '@angular/cdk/table':'npm:/@angular/cdk/bundles/cdk-table.umd.js',

似乎应该有更好的方法来做到这一点，但这个方法奏效了。

如何使用 angular seed 2 安装 Angular material 最新版本 2.0.0-beta.10

How to install Angular material last version 2.0.0-beta.10 using angular seed 2

angular-material2

angular