Question

我是Plunker的新手，并试图用它来证明我发布的another question遇到的问题。但是，我不知道如何正确包含另一个npm软件包，在这种情况下为@ angular / cdk / portal。

当前，当我尝试此操作时：

import { PortalModule } from '@angular/cdk/portal';

我收到此错误：

找不到模块'@ angular / cdk / portal'。

我只是尝试将其添加到package.json文件中；

{
    "name": "@plnkr/starter-angular",
    "version": "1.0.3",
    "description": "Angular starter template",
    "dependencies": {
        "@angular/cdk": "^6.4.7",  <-----------
        "@angular/common": "^6.0.9",
        "@angular/compiler": "^6.0.9",
        "@angular/core": "^6.0.9",
        "@angular/platform-browser": "^6.0.9",
        "@angular/platform-browser-dynamic": "^6.0.9",
        "core-js": "^2.5.5",
        "rxjs": "^6.1.0",
        "zone.js": "^0.8.26"
    },
    "main": "./lib/main.ts",
    "plnkr": {
        "runtime": "system",
        "useHotReload": true
    }
}

这行不通！

我还尝试盲目创建一个config.js并将其添加到地图部分（但对此我一无所知）

System.config({
  //use typescript for compilation
  transpiler: 'typescript',
  //typescript compiler options
  typescriptOptions: {
    emitDecoratorMetadata: true
  },
  //map tells the System loader where to look for things
  map: {
    app: "./src",
    '@angular/cdk': 'https://www.npmjs.com/package/@angular/cdk'
  }
});

这也不起作用，似乎根本没有读取该文件。所以不确定我是在复制一些过时的信息还是在做错什么，因为我不知道我在做什么：-o

任何建议将不胜感激！

如何在Plunker中使用@ angular / cdk / portal

0 个答案: