首页 > 解决方案 > Storybook.js - DSM 集成:加载问题

问题描述

将 HTML 故事书发布到 DSM 后,我看到“正在加载...”,但故事书未加载。DSM 预览会显示故事书,但在发布时。它继续显示加载消息

在此处输入图像描述

包.json

"scripts": {
    "storybook": "start-storybook -p 6006",
    "build-storybook": "build-storybook -c .storybook -o .out",
    "deploy-storybook": "storybook-to-ghpages",
    "dsm-storybook:publish": "dsm-storybook publish",
    "dsm-storybook:preview": "dsm-storybook preview"
  },
  "dependencies": {
    "@invisionapp/dsm-storybook": "latest",
    "npm": "^6.13.7"
  },
  "devDependencies": {
    "@babel/core": "^7.8.0",
    "@storybook/addon-a11y": "^5.3.9",
    "@storybook/addon-actions": "^5.3.9",
    "@storybook/addon-backgrounds": "^5.3.9",
    "@storybook/addon-centered": "^5.3.9",
    "@storybook/addon-docs": "^5.3.9",
    "@storybook/addon-knobs": "^5.3.8",
    "@storybook/addon-options": "^5.3.9",
    "@storybook/addons": "^5.3.9",
    "@storybook/html": "^5.3.2",
    "@storybook/storybook-deployer": "^2.8.1",
    "babel-loader": "^8.0.6",
    "babel-runtime": "^6.26.0",
    "eslint": "^6.8.0",
    "jquery": "3.4.1"
  },

注意:将故事书降级到 5.2.1 有效。想知道 5.3.9 的问题

标签: storybookstorybook-addon-specifications

解决方案


它们还不支持 5.3 配置文件结构。只需删除您的 main.js 文件并返回到 5.3 之前的 config.js 文件。


推荐阅读