Question

我希望使用ng4-material-dropdown并按照我项目的根文件夹中调用$scope.$apply()的说明安装软件包。虽然我可以确认npm install ng4-material-dropdown --save中存在此文件夹，但在/node-components中导入该文件夹会引发错误。

导入
app.module.ts

错误

错误：（SystemJS）XHR错误（404 Not Found）加载 http://localhost:3000/ng4-material-dropdown patchProperty/desc.set/wrapFn@http://localhost:3000/node_modules/zone.js/dist/zone.js:1055:30 ZoneDelegate.prototype.invokeTask@http://localhost:3000/node_modules/zone.js/dist/zone.js:424:17 Zone.prototype.runTask@http://localhost:3000/node_modules/zone.js/dist/zone.js:191:28 ZoneTask/this.invoke@http://localhost:3000/node_modules/zone.js/dist/zone.js:486:28 加载http://localhost:3000/ng4-material-dropdown时出错＆＃34; NG4材料-下拉＆＃34;来自http://localhost:3000/app/app.module.js 堆栈跟踪：（SystemJS）XHR错误（404 Not Found）加载 http://localhost:3000/ng4-material-dropdown patchProperty/desc.set/wrapFn@http://localhost:3000/node_modules/zone.js/dist/zone.js:1055:30 ZoneDelegate.prototype.invokeTask@http://localhost:3000/node_modules/zone.js/dist/zone.js:424:17 Zone.prototype.runTask@http://localhost:3000/node_modules/zone.js/dist/zone.js:191:28 ZoneTask/this.invoke@http://localhost:3000/node_modules/zone.js/dist/zone.js:486:28 加载http://localhost:3000/ng4-material-dropdown时出错＆＃34; NG4材料-下拉＆＃34;来自http://localhost:3000/app/app.module.js

这可能是一个非常糟糕的错误，但我不能为我的生活弄清楚这一点。

Answer 1

如果您使用angular cli生成应用程序，则应该有一个angular.cli.json。它有一个要打包的外部供应商脚本列表。它嵌套在apps.scripts中。尝试添加如下内容：

{
  //stuff
  "apps": [
    {
       //Here it is
      "scripts": [
        "ng4-material-dropdown"
      ]
   }
  ],
  //more stuff
}

Angular 4加载组件时出错

1 个答案: