Блог

Главная - Вопросы по программированию - сбой » npm run storybook` в новом проекте react

сбой » npm run storybook` в новом проекте react

#reactjs #storybook

Вопрос:

Я побежал npx sb init устанавливать новое приложение React, созданное npx create-teact-app blah

Когда я пытаюсь запустить 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": {
    "@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

Когда я смотрю на package.json за node-modules/react-refresh

Я вижу

 "license": "MIT",
"main": "index.js",
"name": "react-refresh",

Но там нет никакого файла «index.js» в папке «Пакет» я понимаю проблему, но не уверен, как ее решить.

Я пробовал использовать более раннюю версию сборника рассказов, но проблема сохраняется.

Ответ №1:

Просматривая react-refresh репо, похоже, что это было исправлено в более поздней версии.

это npm install --save-dev react-refresh решило проблему

Метки: