вроде все норм

что такое crbym??

хз

в конфиге сторибука эту строчку напиши

configure(require.context('../stories', true, /\.stories\.mdx$/), module);

вместо своей

и в mdx формат переделай файлы

ну по феншую там напиши

с mdx разметкой

для вскод можеш установить плагин что бы под свечивал mdx разметку

пример мдикс файла

import { CheckBox } from 'ui'; import { Meta, Story, Props, Preview } from '@storybook/addon-docs/blocks'; # CheckBox <Meta title='Buttons|CheckBox' component={CheckBox} decorators={[MuiThemeDecorator]} /> <Preview> <Story name='CheckBox'> <CheckBox /> </Story> </Preview> <Preview> <Story name='CheckBoxes'> <form> <CheckBox iconMini={true} /> <CheckBox iconMini={false} /> </form> </Story> </Preview> <Props of={CheckBox} />

а блин, установи еще это @storybook/addon-docs

а то не заработает

я чрз 40 минут домой, так что успевай)

все та же ошибка

кхм кхм кхм))

скинь еще раз package.json

{ "name": "blog", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "dev": "webpack --mode development --watch ./frontend/src/index.js --output ./frontend/static/frontend/main.js", "storybook": "start-storybook", "build": "webpack --mode production ./frontend/src/index.js --output ./frontend/static/frontend/main.js" }, "keywords": [], "author": "", "license": "ISC", "devDependencies": { "@babel/core": "^7.7.7", "@babel/plugin-proposal-class-properties": "^7.7.4", "@babel/preset-env": "^7.7.7", "@babel/preset-react": "^7.7.4", "@storybook/react": "^5.2.8", "babel-loader": "^8.0.6", "webpack": "^4.41.4", "webpack-cli": "^3.3.10" }, "dependencies": { "axios": "^0.19.0", "react": "^16.12.0", "react-dom": "^16.12.0", "react-redux": "^7.1.3", "react-router-dom": "^5.1.2", "redux": "^4.0.5", "redux-devtools-extension": "^2.13.8", "redux-thunk": "^2.3.0" } }

ебучи сторибук)

+

ще раз

установи

а блин, установи еще это @storybook/addon-docs

установил

та же ошибка

почему его нет в package.json ?

{ "name": "blog", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "dev": "webpack --mode development --watch ./frontend/src/index.js --output ./frontend/static/frontend/main.js", "storybook": "start-storybook", "build": "webpack --mode production ./frontend/src/index.js --output ./frontend/static/frontend/main.js" }, "keywords": [], "author": "", "license": "ISC", "devDependencies": { "@babel/core": "^7.7.7", "@babel/plugin-proposal-class-properties": "^7.7.4", "@babel/preset-env": "^7.7.7", "@babel/preset-react": "^7.7.4", "@storybook/addon-docs": "^5.2.8", "@storybook/react": "^5.2.8", "babel-loader": "^8.0.6", "webpack": "^4.41.4", "webpack-cli": "^3.3.10" }, "dependencies": { "axios": "^0.19.0", "react": "^16.12.0", "react-dom": "^16.12.0", "react-redux": "^7.1.3", "react-router-dom": "^5.1.2", "redux": "^4.0.5", "redux-devtools-extension": "^2.13.8", "redux-thunk": "^2.3.0" } }

отлично

идем дальше

конфиг сторибука скинь

import { configure } from '@storybook/react'; configure(require.context('../stories', true, /\.stories\.mdx$/), module);

добавь в папку .storybook

файл presets.js

с таким содержимым

module.exports = [ { name: '@storybook/addon-docs/preset', options: { configureJSX: true, babelOptions: {}, sourceLoaderOptions: null, }, } ];

и добавь еще в эту же папку файл webpack.config.js

с таким содержимым

module.exports = async ({ config, mode }) => { return { ...config}; };

изменил

добавил

Мб глупый вопрос, но у меня есть блок и мне надо сделать у него полупрозачную рамку, но чтобы текст внутри был полностью виден, давал блоку прозрачность 0.2, обертывал текст в отдельный блок и давай ему явно опасити 1, не работает

действительно нет такого модуля

удали папку нод модулес

так тоже работает <Link to='/list' activeClassName='active'>Список жанров</Link>

Почитай официальную документацию, а потом совтуй: https://reacttraining.com/react-router/web/api/NavLink С Link может иногда и работает, но для этого есть NavlLink

и запусти установку пакетов снова

ван секонд, щас попробую

Думаете можно изучать одновременно native и node?🤔

да, так должно тоже работать, но не работает(

Посмотри офф документацию, для activeClassName используется компанент NavLink: https://reacttraining.com/react-router/web/api/NavLink

Думаете можно изучать одновременно native и node?🤔

Или так только хуже сделаю?

и запусти установку пакетов снова

все та же ошибка Cannot find module '@storybook/addon-docs/preset'

посмотрел, там реально preset нет никакого

может версия сторибука не та?

после переустановки не появился пресет?

неа

хорошо, тогда поступим более кардинально

мне кажется в этой версии сторибука просто его нет

должен быть

в ранних версиях даже было

удали папку нодемодулез и файл package.json.lock !

и снова установи все

и снова установи все

сделал. Не добавилась эта директория пресетс

ппц

ну ок

и соответственно та же ошибка

давай обновим до ласт версии

умееш обновлять?

с помощью нпм? нет

да

хорошо

ща напишу

в пакаджесон заменяеш строчку "@storybook/react": "^5.2.8",

на строчку "@storybook/react": ">=5.2.8",

сохраняеш и пишеш в консоль npm install @storybook/react@next

npm install @storybook/react@next

точно так же поступаеш с "@storybook/addon-docs": "^5.2.8",

для аддон докс так же не забудь добавть собачку и некси

некст