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 个答案: