Javascript 故事书错误无法读取属性';地点';未定义的

Javascript 故事书错误无法读取属性';地点';未定义的,javascript,reactjs,redux,storybook,Javascript,Reactjs,Redux,Storybook,我正在尝试让我的故事书与我的React应用程序一起工作。我正在使用Redux4.0.1 我不能在使用redux的情况下使用特定组件。 这就是我得到的错误: Storybook错误无法读取未定义的属性“位置” 这是我的mydevDependencies: "devDependencies": { "@babel/core": "^7.10.0", "@storybook/addon-actions": "^5.3.19", "@storybook/addon-link

我正在尝试让我的故事书与我的React应用程序一起工作。我正在使用Redux4.0.1

我不能在使用redux的情况下使用特定组件。 这就是我得到的错误:

Storybook错误无法读取未定义的属性“位置”


这是我的my
devDependencies

  "devDependencies": {
    "@babel/core": "^7.10.0",
    "@storybook/addon-actions": "^5.3.19",
    "@storybook/addon-links": "^5.3.19",
    "@storybook/addons": "^5.3.19",
    "@storybook/react": "^5.3.19"
  }
我的组件
Navbar.js

import React, { Component } from "react";
import { connect } from "react-redux";

class Navbar extends Component {
  render() {
    const { user } = this.props.auth;
    return (
      <div className="navbar-fixed">
        <nav className="z-depth-0">Hello, {user.name} </nav>
      </div>
    );
  }
}
const mapStateToProps = state => ({
  auth: state.auth
});
export default connect(
  mapStateToProps
)(Navbar);
import React from 'react';
import Provider from '../src/Provider.js'
import configureStore from "../src/configureStore";
import Navbar from '../src/components/layout/Navbar';

export default {
  title: 'Navbar',
  decorators: [storyFn => <Provider store={ configureStore }>{storyFn()}</Provider>]
};

export const Yay = () => <Navbar />;

我想使用“mock”数据传递到我的导航栏(比如名称和头像url),因为否则我会出现redux错误


感谢您的帮助。

升级故事书后,我也遇到了同样的问题。我找到的解决方法是删除节点\模块文件夹、.storyBook文件夹、删除package-lock.json,以及删除package.json中对storyBook的任何引用。然后运行“npxsb init”和“npm安装”。然后是“npm运行故事书”,问题就解决了

升级故事书后,我也遇到了同样的问题。我找到的解决方法是删除节点\模块文件夹、.storyBook文件夹、删除package-lock.json,以及删除package.json中对storyBook的任何引用。然后运行“npxsb init”和“npm安装”。然后是“npm运行故事书”,问题就解决了