Не удалось загрузить предустановку: "@ storybook / addon-info" на уровне 1. - PullRequest
Новая
       7

Не удалось загрузить предустановку: "@ storybook / addon-info" на уровне 1.

2 голосов
/ 26 мая 2020

вчера все было хорошо. эта проблема возникает после того, как я установил prop-types в моем проекте create-react-app. сообщение об ошибке выглядит следующим образом: Может ли кто-нибудь сказать мне, где проблема и как ее решить? Спасибо. большое спасибо. 

    MacBook-Pro:storybook_test beike$ npm run storybook

> storybook_test@0.1.0 storybook /Users/storybook_test
> start-storybook -p 9009 -s public

info @storybook/react v5.3.18
info 
info => Loading static files from: /Users/storybook_test/public .
info => Loading presets
WARN   Failed to load preset: "@storybook/addon-info" on level 1
ERR! /Users/storybook_test/node_modules/@storybook/addon-info/dist/components/PropTable/style.css:1
ERR! .info-table {
ERR! ^
ERR! 
ERR! SyntaxError: Unexpected token '.'
ERR!     at wrapSafe (internal/modules/cjs/loader.js:1070:16)
ERR!     at Module._compile (internal/modules/cjs/loader.js:1120:27)
ERR!     at Object.Module._extensions..js (internal/modules/cjs/loader.js:1176:10)
ERR!     at Module.load (internal/modules/cjs/loader.js:1000:32)
ERR!     at Function.Module._load (internal/modules/cjs/loader.js:899:14)
ERR!     at Module.require (internal/modules/cjs/loader.js:1042:19)
ERR!     at require (internal/modules/cjs/helpers.js:77:18)
ERR!     at Object.<anonymous> (/Users/storybook_test/node_modules/@storybook/addon-info/dist/components/PropTable/components/Table.js:12:1)
ERR!     at Module._compile (internal/modules/cjs/loader.js:1156:30)
ERR!     at Object.Module._extensions..js (internal/modules/cjs/loader.js:1176:10)
ERR!     at Module.load (internal/modules/cjs/loader.js:1000:32)
ERR!     at Function.Module._load (internal/modules/cjs/loader.js:899:14)
ERR!     at Module.require (internal/modules/cjs/loader.js:1042:19)
ERR!     at require (internal/modules/cjs/helpers.js:77:18)
ERR!     at Object.<anonymous> (/Users/storybook_test/node_modules/@storybook/addon-info/dist/components/PropTable/index.js:37:37)
ERR!     at Module._compile (internal/modules/cjs/loader.js:1156:30)

1 Ответ

0 голосов
/ 22 июля 2020

Похоже, что @ storybook / addon-info заменяется на @ storybook / addon-docs . Если это возможно, я бы порекомендовал вам попробовать заменить библиотеку. Вы можете узнать больше об этом в этой статье .

Если вы хотите или вам нужно придерживаться исходной настройки, попробуйте добавить модуль @storybook/addon-info в опцию exlude для css загрузчик или настроить параметр include, как указано в комментариях здесь .

Я не тестировал его, но это будет go что-то вроде: 

const path = require('path')

module.exports = async ({ config }) => {
  config.module.rules = config.module.rules.filter(f => f.test.toString() !== '/\\.css$/')

  config.module.rules.push({
    test: /\.css$/,
    exclude: /node_modules(?!\/@storybook\/addon-info)/,
    loaders: ['style-loader', 'css-loader', 'postcss-loader'],
    include: path.resolve(__dirname, '../src'),
  })

  return config
}

У меня была такая же проблема, но с тех пор, как я начинал проект, я просто переключил библиотеки.

...