Question

我通过克隆angular2快速启动回购来设置环境：https://github.com/angular/quickstart。将新软件包添加到system.config.js文件后，应用程序运行但“npm test”失败。我注意到有一个名为systemjs.config.extras.js的空文件，我应该在那里添加一些代码吗？

问题：应该如何将新的npm包添加到angular2快速启动示例中，以便“npm start”和“npm test”都可以通过？

Answer 1

将新软件包添加到system.config.js文件后，该应用程序运行但是＆＃34; npm test＆＃34;失败

我假设您正在使用Karma。您需要做的是将第三方lib添加到files文件中的karma.conf.js数组。

工作原理是karma启动服务器，并将files数组中列出的所有文件添加到服务器可用的文件列表中。因此，当SystemJS尝试加载文件时，如果它不在业力files中，则该文件不存在于服务器上。因此，当您尝试从SystemJS检索该文件时，您将获得404。

Answer 2

你应该尝试使用angular-cli，这是使用angular2的推荐方法。要创建新项目，您必须使用命令

安装angular-cli

npm install -g angular-cli

然后你可以用

创建一个新的angular2项目

ng new your-new-project-name

最后按照本指南（https://github.com/angular/angular-cli#global-library-installation）添加新的全局依赖项。我在这里重现了bootstrap的内容。

npm install bootstrap@next

然后将所需的脚本文件添加到apps[0].script文件中的agular-cli.json：

"scripts": [
  "../node_modules/jquery/dist/jquery.js",
  "../node_modules/tether/dist/js/tether.js",
  "../node_modules/bootstrap/dist/js/bootstrap.js"
],

最后将Bootstrap CSS添加到apps[0].styles中的agular-cli.json数组：

"styles": [
  "../node_modules/bootstrap/dist/css/bootstrap.css",
  "styles.css"
],

最后，您可以使用新创建的项目的根目录中的ng服务部署您的应用程序。

Angular2快速入门：我应该如何添加新的npm包？

2 个答案: