Angular2依赖项没有注入正确的路径

Question

我在浏览器控制台中遇到以下错误，尝试将localStorage与Angular2一起使用。 它似乎生成的路径似乎不是指node_modules，而是假设我的站点根目录中存在localstorage.js（没有）。 我只是正常提到它（请参阅下面的user.service），那么我该如何解决这个问题呢？ 我所有其他依赖项都运行正常。

从http：// localhost：3000 / client / dev / user / services / user.service.js加载http：// localhost：3000 / localStorage.js为“localStorage”时出错

import { Injectable } from 'angular2/core';
import { Headers } from 'angular2/http';
import { loalStorage } from 'localStorage';

@Injectable()
export class UserService {
  private loggedIn = false;

  constructor(private http: Http) {
    this.loggedIn = !!localStorage.getItem('auth_token');
  }

}

注意：我很确定localStorage安装没有实际问题，好像我运行npm list localStorage ，然后它告诉我我有localStorage@1.0.3 instaled。

Answer 1

如果要从导入中使用localStorage，则需要在SystemJS中对其进行配置，如下所述：

System.config({
  map: {
    localStorage: 'node_modules/localStorage/lib/localStorage.js'
  },
  (...)
});

这样，您就可以使用以下导入：

import loalStorage from 'localStorage';

有关更多详细信息，请参阅此问题，因为它与配置Lodash的方式类似：

• Lodash in angular2，声明var_：任何不起作用