5回答

张轩

2020-12-18

将addon 中的 @stroybook/preset-scss 插件删除就可以

issue 地址：https://github.com/storybookjs/presets/issues/93#issuecomment-674875605 由于这个插件 和 另外一个 preset-create-react-app 相互冲突

0

0

张轩

2020-12-11

同学你好 把源代码发到 git 上面把，不用一点点贴了，我直接用你的项目调试方便多了

0

6

imoocGly

报错如下： node_modules/@types/webpack/index.d.ts:1418:25 - error TS2707: Generic type 'SyncHook' requires between 1 and 3 type arguments. 1418 watchClose: SyncHook; ~~~~~~~~ node_modules/@types/webpack/index.d.ts:1485:24 - error TS2707: Generic type 'SyncBailHook' requires between 2 and 3 type arguments. 1485 _pluginCompat: SyncBailHook; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Found 89 errors in the same file, starting at: node_modules/@types/webpack/index.d.ts:32 npm ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! question-editor-design@0.1.0 build-ts: `tsc -p tsconfig.build.json` npm ERR! Exit status 2 很多上面那样的报错

2022-07-22

共6条回复

慕娘2597344

提问者

2020-12-11

main.js 代码如下

module.exports = {

"stories": [

"../src/**/*.stories.mdx",

"../src/**/*.stories.@(js|jsx|ts|tsx)"

],

"addons": [

"@storybook/addon-links",

"@storybook/addon-essentials",

"@storybook/preset-create-react-app",

"@storybook/preset-scss",

]

}

preview.js代码如下：

export const parameters = {

actions: { argTypesRegex: "^on[A-Z].*" },

}

import { addDecorator } from '@storybook/react'

import { withInfo } from '@storybook/addon-info'

import '../src/styles/index.scss'

addDecorator(withInfo);

index.scss代码如下：

// config

@import "variables";

//layout

@import "reboot";

//mixin

@import "mixin";

// animation

@import "animation";

// button

@import "../components/Button/style";

// menu

@import "../components/Menu/style";

0

0

慕娘2597344

提问者

2020-12-11

{

"name": "fortunate-rocket",

"version": "0.1.0",

"private": true,

"dependencies": {

"@testing-library/jest-dom": "^5.11.4",

"@testing-library/react": "^11.1.0",

"@testing-library/user-event": "^12.1.10",

"@types/classnames": "^2.2.11",

"@types/jest": "^26.0.15",

"@types/node": "^12.0.0",

"@types/react": "^16.9.53",

"@types/react-dom": "^16.9.8",

"@types/react-transition-group": "^4.4.0",

"classnames": "^2.2.6",

"node-sass": "^4.14.1",

"react": "^17.0.1",

"react-dom": "^17.0.1",

"react-scripts": "3.2.0",

"react-transition-group": "^4.4.1",

"typescript": "4.1.2",

"web-vitals": "^0.2.4"

},

"scripts": {

"start": "react-scripts start",

"build": "react-scripts build",

"test": "react-scripts test",

"eject": "react-scripts eject",

"storybook": "start-storybook -p 6006 -s public",

"build-storybook": "build-storybook -s public"

},

"eslintConfig": {

"extends": [

"react-app",

"react-app/jest"

]

},

"browserslist": {

"production": [

">0.2%",

"not dead",

"not op_mini all"

],

"development": [

"last 1 chrome version",

"last 1 firefox version",

"last 1 safari version"

]

},

"devDependencies": {

"@storybook/addon-actions": "^6.1.10",

"@storybook/addon-controls": "^6.1.10",

"@storybook/addon-essentials": "^6.1.10",

"@storybook/addon-info": "^5.3.21",

"@storybook/addon-links": "^6.1.10",

"@storybook/node-logger": "^6.1.10",

"@storybook/preset-create-react-app": "^3.1.5",

"@storybook/preset-scss": "^1.0.3",

"@storybook/react": "^6.1.10",

"css-loader": "^5.0.1",

"sass-loader": "^10.1.0",

"style-loader": "^2.0.0"

}

}

0

0

张轩

2020-12-10

同学你好 把源代码发给看看把 我要确定看一下的版本问题 在本地调试一下

0

5

imoocGly

后来创建了一个新项目，去初始化 storybook的时候，main.js 里面没有自动安装 @storybook/preset-create-react-app，我手动安装的，样式是可以加载了，但是报了许多 node_modules/@types/webpack/index.d.ts 这个文件的错，例如：node_modules/@types/webpack/index.d.ts:1418:25 - error TS2707: Generic type 'SyncHook' requires between 1 and 3 type arguments. 1418 watchClose: SyncHook; npm publish 也报许多上面这种错，发布不了了

2022-07-22

共5条回复