Question

每当我通过npm install安装新软件包时，我的angular 2导入无法识别软件包，我的浏览器会返回404 error。

例如，我一直在尝试安装以下软件包：

https://github.com/dougludlow/ng2-bs3-modal

这就是我的浏览器返回的内容：

GET http://localhost:3000/node_modules/ng2-bs3-modal/ng2-bs3-modal 404 (Not Found)fetchTextFromURL @ system.src.js:1154(anonymous function) @ system.src.js:1710ZoneAwarePromise @ angular2-polyfills.js:589(anonymous function) @ system.src.js:1709(anonymous function) @ system.src.js:2734(anonymous function) @ system.src.js:3308(anonymous function) @ system.src.js:3575(anonymous function) @ system.src.js:3960(anonymous function) @ system.src.js:4419(anonymous function) @ system.src.js:4671(anonymous function) @ system.src.js:406ZoneDelegate.invoke @ angular2-polyfills.js:332Zone.run @ angular2-polyfills.js:227(anonymous function) @ angular2-polyfills.js:576ZoneDelegate.invokeTask @ angular2-polyfills.js:365Zone.runTask @ angular2-polyfills.js:263drainMicroTaskQueue @ angular2-polyfills.js:482ZoneTask.invoke @ angular2-polyfills.js:434
angular2-polyfills.js:332 Error: Error: XHR error (404 Not Found) loading http://localhost:3000/node_modules/ng2-bs3-modal/ng2-bs3-modal(…)

虽然我可以看到node_modules\ng2-bs3-modal已存在。

这里有什么问题？

Answer 1

您需要配置SystemJS以从库中加载正确的文件。

您可以尝试以下配置：

<script>
  System.configure({
    map: {
      'ng2-bs3-modal': 'node_modules/ng2-bs3-modal'
    },
    packages: {
      'ng2-bs3-modal': {
        format: 'register',
        defaultExtension: 'js'
      }
    }
  });
  (...)
</script>

角度2 + npm安装包无法正常工作

1 个答案: