TS2304:在Webpack / Angular 2中找不到名称'describe'

时间:2017-03-08 00:10:29

标签: angular typescript webpack

我已经广泛搜索过这个问题,但我发现没有修复它。我正在尝试使用webpack来运行单个茉莉花测试。我试图按照Angular网站上的教程进行操作,但它确实不正确或完整。

这是我到目前为止所尝试的内容:

  • 已安装的Jasmine类型,它们存在于我的node_modules / @ types / jasmine
  • "types": ["jasmine"]添加到我的tsconfig.json,即使您不必在Typescript 2.0中执行此操作.X
  • "typeRoots": ["./node_modules/@types"]添加到我的tsconfig.json,即使您不必在Typescript 2.0中执行此操作.X
  • 在我的单元测试中添加import {} from 'jasmine';,如下所述:Angular 2 Unit Tests: Cannot find name 'describe'

在那一刻,感觉我离开了基地,还有其他东西必须在这里进行。我正在使用awesome-typescript-loader,也许它无法弄清楚类型?

我正在使用2.0.9版本的typescript,我的配置文件如下:

webpack.test.ts

var webpack = require('webpack');
var helpers = require('./helpers');

module.exports = {
  devtool: 'inline-source-map',

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

  module: {
    rules: [
      {
        test: /\.ts$/,
        loaders: [
          {
            loader: 'awesome-typescript-loader',
            options: { configFileName: helpers.root('tsconfig.json') }
          } , 'angular2-template-loader'
        ]
      },
      {
        test: /\.html$/,
        loader: 'html-loader'

      },
      {
        test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)$/,
        loader: 'null-loader'
      },
      {
        test: /\.css$/,
        exclude: helpers.root('src', 'app'),
        loader: 'null-loader'
      },
      {
        test: /\.css$/,
        include: helpers.root('src', 'app'),
        loader: 'raw-loader'
      }
    ]
  },

  plugins: [
    new webpack.ContextReplacementPlugin(
      // The (\\|\/) piece accounts for path separators in *nix and Windows
      /angular(\\|\/)core(\\|\/)(esm(\\|\/)src|src)(\\|\/)linker/,
      helpers.root('./src'), // location of your src
      {} // a map of your routes
    )
  ]
}

tsconfig.json

{
  "compilerOptions": {
    "allowSyntheticDefaultImports": true,
    "declaration": false,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "lib": [
      "es2015",
      "dom"
    ],
    "module": "es2015",
    "moduleResolution": "node",
    "sourceMap": true,
    "target": "es5"
  },
  "include": [
    "src/**/*.ts"
  ],
  "exclude": [
    "node_modules"
  ],
  "compileOnSave": false,
  "atom": {
    "rewriteTsconfig": false
  }
}

编辑:命令我用来运行测试:karma start ./config/karma.conf.js --single-run

2 个答案:

答案 0 :(得分:4)

呃......我找到了。正如我在帖子中所说,我使用的是typescript 2.0.9,但@ types / jasmine的最新版本使用keyof,这是typescript 2.1的功能...:/

我将@ types / jasmine还原为2.5.41,一切都很好。

答案 1 :(得分:1)

我使用以下命令安装了较旧版本的茉莉花:

npm install --save-dev @types/jasmine@2.5.41

问题就解决了