Unit testing angular 2-TestBed.configureTestingModule-providers:[]抛出保留字的使用'；导入&x27；错误

我刚刚组装了一个新的quickstart项目，它是在AngularWebpackQuickStart（）之后完成的

我已经像这样添加了我的第一个test.spec.ts

describe('first test', ()=>{
  beforeEach(()=>{
    TestBed.configureTestingModule({
      providers:[MockBackend]
    })
  )
}

它把我甩了

SyntaxError:保留字“导入”的用户

如果我删除MockBackend，它可以正常工作

编辑------------------------

我发现如果我向 app.component.spec.ts（也来自quickstart），一切正常

所以唯一的区别是我的测试文件的位置

下面是我的karma.conf、webpack.test和webpack.common（基本上是《快速入门指南》中的默认设置

业力

Webpack.test

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

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

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

  module: {
    loaders: [
      {
        test: /\.ts$/,
        loaders: ['ts', 'angular2-template-loader']
      },
      {
        test: /\.html$/,
        loader: 'html'

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

Webpack.common

var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var helpers = require('./helpers');

module.exports = {
  entry: {
    'polyfills': './src/polyfills.ts',
    'vendor': './src/vendor.ts',
    'app': './src/main.ts'
  },

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

  module: {
    loaders: [
      {
        test: /\.ts$/,
        loaders: ['ts', 'angular2-template-loader']
      },
      {
        test: /\.html$/,
        loader: 'html'
      },
      {
        test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)$/,
        loader: 'file?name=assets/[name].[hash].[ext]'
      },
      {
        test: /\.css$/,
        exclude: helpers.root('src', 'app'),
        loader: ExtractTextPlugin.extract('style', 'css?sourceMap')
      },
      {
        test: /\.css$/,
        include: helpers.root('src', 'app'),
        loader: 'raw'
      }
    ]
  },

  plugins: [
    new webpack.optimize.CommonsChunkPlugin({
      name: ['app', 'vendor', 'polyfills']
    }),

    new HtmlWebpackPlugin({
      template: 'src/index.html'
    })
  ]
};

---

解决了它…我正在使用的测试文件是从RC4规范粘贴的一个参与方副本，并且有一个导入，我猜是不推荐的…

解决了它…我正在使用的测试文件是从RC4规范粘贴的一个参与方副本，并且有一个导入，我猜是不推荐的…

您是否使用

导入：

而不是

导入：

mewhere（

@NgModule（）

例如）不，任何地方都是“导入”，但如果我有提供程序：[]，它就可以工作。只有当我尝试提供时，你的上一条评论中才会缺少某些内容。“只有当我尝试提供时”…？不，只是说如果提供的数组是空的，它就可以工作。我发布了一个编辑。我的问题似乎源于我的测试文件的位置，可能？对不起，不知道。可能是其他人。您是否使用

导入：

而不是

导入：

某个地方（

@NgModule（）

）不，任何地方都是“导入”，但如果我有提供者：[]，它就会起作用。只有当我尝试提供时，你最后的评论中才会遗漏一些东西。“只有当我尝试提供时”…？不，只是说如果提供的数组是空的，它就可以工作。我发布了一个编辑。我的问题似乎源于我的测试文件的位置，也许？对不起，不知道。也许是其他人。

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

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

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

  module: {
    loaders: [
      {
        test: /\.ts$/,
        loaders: ['ts', 'angular2-template-loader']
      },
      {
        test: /\.html$/,
        loader: 'html'

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

var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var helpers = require('./helpers');

module.exports = {
  entry: {
    'polyfills': './src/polyfills.ts',
    'vendor': './src/vendor.ts',
    'app': './src/main.ts'
  },

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

  module: {
    loaders: [
      {
        test: /\.ts$/,
        loaders: ['ts', 'angular2-template-loader']
      },
      {
        test: /\.html$/,
        loader: 'html'
      },
      {
        test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)$/,
        loader: 'file?name=assets/[name].[hash].[ext]'
      },
      {
        test: /\.css$/,
        exclude: helpers.root('src', 'app'),
        loader: ExtractTextPlugin.extract('style', 'css?sourceMap')
      },
      {
        test: /\.css$/,
        include: helpers.root('src', 'app'),
        loader: 'raw'
      }
    ]
  },

  plugins: [
    new webpack.optimize.CommonsChunkPlugin({
      name: ['app', 'vendor', 'polyfills']
    }),

    new HtmlWebpackPlugin({
      template: 'src/index.html'
    })
  ]
};