javascript - Angular2 依赖项没有注入(inject)正确的路径

Question

由于尝试将 localStorage 与 Angular2 结合使用，我在浏览器控制台中收到以下错误。它生成的路径似乎不是指 node_modules，而是假设我的站点根目录中有一个 localstorage.js(实际上没有)。我只是正常引用它(请参阅下面的 user.service)，那么我该如何解决这个问题呢？我的所有其他依赖项都工作正常。

Error loading http://localhost:3000/localStorage.js as "localStorage" from http://localhost:3000/client/dev/user/services/user.service.js

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 已安装。

Answer 1

如果你想从导入中使用 localStorage，你需要在 SystemJS 中配置它，如下所述:

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

这样，您将能够使用以下导入:

import loalStorage from 'localStorage';

请参阅此问题以获取更多详细信息，因为它类似于配置 Lodash 的方式:

• Lodash in angular2, declare var_:any not working