Angular 2如何在node_modules中導入庫？

Question

我一直在嘗試將node_modules庫導入我的應用程序，但控制台不斷返回

GET http://localhost:4200/node_modules/systemjs/dist/system.src.js

未找到。 有什么知道如何解決這個問題？

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>PrcApplication</title>

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <script src="../node_modules/systemjs/dist/system.src.js"></script>
</head>
<body>
  <app-root>Loading...</app-root>
</body>

</html>

Answer 1

在HTML標頭下添加以下內容，然后嘗試：

  <base href="/">

Answer 2

添加script標簽將導致對該路徑的ajax調用，這不是您想要的，因為在生產中，您的node_modules文件夾不可用，並且只有dist文件夾可用。

在這些情況下，您需要將該特定文件導入自己的js / ts文件之一，以便將該文件導入並與src文件打包在一起。

我不知道您正在使用什么捆綁軟件，甚至不知道是否進行捆綁，但是您可以將其導入app.module.ts或類似的地方。

通常，有一個名為vendor.ts或pollyfill.ts的文件專門用於這些目的。

Angular 2如何在node_modules中導入庫？

問題描述

2 個解決方案

解決方案1
0 2016-12-30 03:56:35

解決方案2
0 2016-12-30 07:07:12

Angular 2如何在node_modules中導入庫？

問題描述

2 個解決方案

解決方案1 0 2016-12-30 03:56:35

解決方案2 0 2016-12-30 07:07:12

解決方案1
0 2016-12-30 03:56:35

解決方案2
0 2016-12-30 07:07:12