我运行npx sb init
安装在npx create-teact-app blah
创建的新React应用程序中
当我尝试运行npm run storybook
时,我得到以下错误
ModuleNotFoundError: Module not found: Error: Cannot find module 'E:Developmentavaskblahnode_modulesreact-refreshindex.js'. Please verify that the package.json has a valid "main" entry
at E:Developmentavaskblahnode_moduleswebpacklibCompilation.js:925:10
at E:Developmentavaskblahnode_moduleswebpacklibNormalModuleFactory.js:401:22
at E:Developmentavaskblahnode_moduleswebpacklibNormalModuleFactory.js:139:22
at _next0 (eval at create (E:Developmentavaskblahnode_modulestapablelibHookCodeFactory.js:33:10), <anonymous>:15:1)
at eval (eval at create (E:Developmentavaskblahnode_modulestapablelibHookCodeFactory.js:33:10), <anonymous>:32:1)
at E:Developmentavaskblahnode_modulesreact-dev-utilsModuleNotFoundPlugin.js:136:17
at E:Developmentavaskblahnode_modulescase-sensitive-paths-webpack-pluginindex.js:158:9
at E:Developmentavaskblahnode_modulescase-sensitive-paths-webpack-pluginindex.js:113:7
at CaseSensitivePathsPlugin.fileExistsWithCase (E:Developmentavaskblahnode_modulescase-sensitive-paths-webpack-pluginindex.js:83:5)
at E:Developmentavaskblahnode_modulescase-sensitive-paths-webpack-pluginindex.js:106:10
at E:Developmentavaskblahnode_modulescase-sensitive-paths-webpack-pluginindex.js:67:5
at E:Developmentavaskblahnode_modulesenhanced-resolvelibCachedInputFileSystem.js:85:15
at processTicksAndRejections (internal/process/task_queues.js:77:11)
WARN Broken build, fix the error above.
WARN You may need to refresh the browser.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! blah@0.1.0 storybook: `start-storybook -p 6006 -s public`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the blah@0.1.0 storybook script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:UsersTheBritishAreComingAppDataRoamingnpm-cache_logs2021-10-04T15_59_44_158Z-debug.log
我的package.json
devDependencies是
"devDependencies": {
"@storybook/addon-actions": "^6.3.9",
"@storybook/addon-essentials": "^6.3.9",
"@storybook/addon-links": "^6.3.9",
"@storybook/node-logger": "^6.3.9",
"@storybook/preset-create-react-app": "^4.0.0",
"@storybook/react": "^6.3.9"
}
我做了npm ls react-refresh
,它看起来像是被@storybook/react@6.3.9
拉进来的
当我查看node-modules/react-refresh
的package.json
时
我看到
"license": "MIT",
"main": "index.js",
"name": "react-refresh",
但是没有文件";index.js";在包文件夹中,我理解这个问题,但不确定如何解决。
我试过使用早期版本的故事书,但问题仍然存在。
仔细查看react-refresh
回购,这似乎在后来的版本中得到了修复。
做npm install --save-dev react-refresh
解决了