小编Jay*_*Jay的帖子

这是我的路由结构:

• http:// localhost:3000 /(应用手册网站)
• http:// localhost:3000/register(应用注册)
• http:// localhost:3000/login(应用程序登录)
• http:// localhost:3000/app /*(React/Redux应用程序 - 使用Passport身份验证)
• http:// localhost:3000/api /*(Express API - 使用Passport身份验证)

在使用Express服务器并从CLI构建bundle.js时,一切正常,但为了加快开发,我现在想要使用Webpack dev服务器,现在需要以一种方式配置事物.考虑已设置的Passport授权.

这是我的Webpack配置:

module.exports = {
  entry: [
    './client/src/index.js'
  ],
  output: {
    path: __dirname + '/server/public',
    publicPath: '/',
    filename: 'bundle.js'
  },
  module: {
    loaders: [{
      exclude: /node_modules/,
      loader: 'babel'
    }]
  },
  resolve: {
    extensions: ['', '.js', '.jsx']
  },
  devServer: {
    historyApiFallback: true,
    contentBase: './client'//,
    // proxy: {
    //   '/api/*': {
    //     target: 'http://localhost:3000',
    //     secure: false …

我正在尝试对表单进行简单的Jest快照测试，但是在运行测试时出现错误：

Uncaught [TypeError: getFieldDecorator(...) is not a function]

我以为我可以为它创建一个存根getFieldDecorator并将其传递给道具，但这是行不通的。

这是测试：

  it('renders correctly initially', () => {

const testForm = {
  getFieldDecorator: jest.fn()
};

const wrapper = mount(
  <Router>
    <LoginForm form={testForm} />
  </Router>
);

expect(wrapper).toMatchSnapshot();

}）;

这是我组件中的render（）方法：

  render() {
const { form } = this.props;
const { getFieldDecorator } = form;

return (
  <Form onSubmit={this.handleSubmit} className="login-form">
    <FormItem>
      {getFieldDecorator('username', {
        rules: [{ required: true, message: 'Please enter your username!' }]
      })(
        <Input
          prefix={<Icon type="user" style={{ color: 'rgba(0,0,0,.25)' }} />}
          placeholder="Username" …

似乎 IE11 VM 不再可用https://developer.microsoft.com/en-us/microsoft-edge/tools/vms/（为什么？？？）

其他人在本地 IE11 中使用什么进行测试？Browserstack 不是一个选项。