为什么元素-+在故事书中不起作用？
为什么元素-+在故事书中不起作用？
提问于 2022-09-27 08:36:44
我已经按照医生的要求做了每件事。我安装了storybook，然后修改了配置文件，按照他们所说的方式让故事书在Vite上工作，后者支持element-plus库。
.故事书/main.js：
module.exports = {
stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
addons: ['@storybook/addon-links', '@storybook/addon-essentials'],
core: {
builder: '@storybook/builder-vite', // The builder enabled here.
},
}Package.json：
{
"name": "elementui-practice",
"version": "0.0.0",
"scripts": {
"dev": "vite",
"build": "vite build",
"preview": "vite preview --port 4173",
"storybook": "start-storybook -p 6006",
"build-storybook": "build-storybook"
},
"dependencies": {
"element-plus": "^2.2.17",
"node-sass": "^7.0.3",
"sass-loader": "^13.0.2",
"vue": "^3.2.38"
},
"devDependencies": {
"@babel/core": "^7.19.1",
"@storybook/addon-actions": "^6.5.12",
"@storybook/addon-essentials": "^6.5.12",
"@storybook/addon-interactions": "^6.5.12",
"@storybook/addon-links": "^6.5.12",
"@storybook/builder-vite": "^0.2.2",
"@storybook/testing-library": "^0.0.13",
"@storybook/vue3": "^6.5.12",
"@vitejs/plugin-vue": "^3.0.3",
"babel-loader": "^8.2.5",
"eslint": "^8.23.1",
"eslint-config-airbnb-base": "^15.0.0",
"eslint-plugin-import": "^2.26.0",
"eslint-plugin-storybook": "^0.6.4",
"eslint-plugin-vue": "^9.5.1",
"sass": "^1.55.0",
"vite": "^3.0.9",
"vue-cli-plugin-storybook": "~2.1.0",
"vue-loader": "^16.8.3"
}
}如果我只运行element-plus (npm run dev)，库就能工作。如果运行npm run storybook，则element-plus样式不会应用于组件或元素。普通的css可以工作，但是element-plus组件和样式不能工作。
回答 1
Stack Overflow用户
发布于 2022-11-15 06:54:03
将这些代码添加到故事书的preview.js中
import { app } from '@storybook/vue3'; //I use Vue3
import ElementPlus from 'element-plus';
import 'element-plus/dist/index.css';
app.use(ElementPlus);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/73864615
复制相关文章
相似问题
腾讯云开发者
