Javascript 故事书错误无法读取属性';地点';未定义的
我正在尝试让我的故事书与我的React应用程序一起工作。我正在使用Redux4.0.1 我不能在使用redux的情况下使用特定组件。 这就是我得到的错误: Storybook错误无法读取未定义的属性“位置”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
这是我的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运行故事书”,问题就解决了