0

我正在尝试让这个项目：https ://github.com/stormpath/stormpath-angular2-express-example在 webpack 上运行。应用程序启动，但是当第一页加载时，我收到此错误：

TypeError: Cannot read property 'getCookie' of null
at CookieXSRFStrategy.configureRequest (app.js:51374)
at XHRBackend.createConnection (app.js:51414)
at httpRequest (app.js:51752)
at StormpathHttp.Http.get (app.js:51863)
at StormpathHttp.get (app.js:78381)
at Stormpath.getAccount (app.js:49917)
at new Stormpath (app.js:49906)
at _View_AppComponent_Host0.createInternal (host.ngfactory.js:20)
at _View_AppComponent_Host0.AppView.create (app.js:42393)
at _View_AppComponent_Host0.DebugAppView.create (app.js:42593)

我在这里有一个示例 repo 设置：https ://github.com/djkrite/ng2-stormpath-webpack-example

我试过使用：

BrowserDomAdapter.makeCurrent();

在引导调用之前，但这最终会引发另一个关于意外令牌导入的错误。

任何帮助，将不胜感激。

4

1 回答 1

1

好消息！我想出了如何使 ng2-stormpath-webpack-example 工作。我认为问题的根本原因是打字稿配置（tsconfig.json）在 src 目录中，而 webpack 期望它在根目录中。这是tsconfig.json有效的文件（请记住，我将其移至根目录）：

{
  "compilerOptions": {
    "declaration": false,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "lib": ["es6", "dom"],
    "mapRoot": "./",
    "module": "commonjs",
    "moduleResolution": "node",
    "outDir": "../dist/out-tsc",
    "sourceMap": true,
    "target": "es5",
    "types": [
      "jasmine",
      "node"
    ],
    "exclude": [
      "node_modules"
    ]
  }
}

我将 webpack 加载器更改webpack.config.js为：

module: {
    loaders: [
      {
        test: /\.ts$/,
        loaders: ['awesome-typescript-loader', 'angular2-template-loader?keepUrl=true'],
        exclude: [/\.(spec|e2e)\.ts$/, /node_modules/]
      },
      /* Embed files. */
      {
        test: /\.(html|css)$/,
        loader: 'raw-loader',
        exclude: /\.async\.(html|css)$/
      },
      /* Async loading. */
      {
        test: /\.async\.(html|css)$/,
        loaders: ['file?name=[name].[hash].[ext]', 'extract']
      }
    ]
  }

我还删除了空的解析扩展：

  resolve: {
    extensions: ['.js', '.ts']
  },

最后，在 中package.json，我为 Protractor 添加了类型并升级到了 Webpack 2.x。

  "devDependencies": {
    ...
    "@types/selenium-webdriver": "2.53.33",
    ...
    "webpack": "2.2.0-rc.1",
    "webpack-dev-server": "^1.16.2"
  }

这是一个带有修复的拉取请求：https ://github.com/djkrite/ng2-stormpath-webpack-example/pull/1

于 2016-12-20T23:23:14.083 回答