在Vue Storybook中导入错误路径
是指在使用Vue Storybook时，导入组件或模块时提供了错误的路径。这可能会导致组件或模块无法正确加载或显示。
解决这个问题的方法是确保提供的路径是正确的。以下是一些可能导致错误路径的原因和解决方法：
- 检查路径是否正确：首先，确保导入路径与组件或模块的实际位置相匹配。检查文件路径、文件名和文件扩展名是否正确。
- 检查文件名的大小写：在某些操作系统中，文件名的大小写是敏感的。确保导入路径中的文件名的大小写与实际文件名匹配。
- 检查文件扩展名：确保导入路径中的文件扩展名与实际文件的扩展名匹配。例如，如果实际文件是
.vue文件，则导入路径应该以.vue结尾。 - 检查文件相对路径：如果导入的组件或模块位于不同的文件夹中，确保使用正确的相对路径。使用
../表示上一级文件夹，使用./表示当前文件夹。 - 检查Vue Storybook配置：Vue Storybook有一个配置文件
.storybook/config.js，其中可以定义导入路径的别名和路径解析规则。确保配置文件中的路径别名和解析规则与实际情况匹配。
如果以上方法都无法解决问题，可以尝试以下步骤：
- 检查组件或模块是否正确导出：确保组件或模块在其文件中正确导出。使用
export default导出组件或模块。 - 检查组件或模块是否正确命名：确保组件或模块的名称与导入路径中使用的名称匹配。
- 检查Vue Storybook的版本：如果使用的是较旧的Vue Storybook版本，可能会存在一些已知的问题。尝试升级Vue Storybook到最新版本，以获得更好的兼容性和稳定性。
推荐的腾讯云相关产品和产品介绍链接地址：
腾讯云开发者平台：https://cloud.tencent.com/developer
腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
腾讯云移动开发（Mobile）：https://cloud.tencent.com/product/mobile
腾讯云区块链（Blockchain）：https://cloud.tencent.com/product/baas
腾讯云元宇宙（Metaverse）：https://cloud.tencent.com/product/metaverse
相关·内容
1回答
在Vue Storybook中导入错误路径
javascript、vue.js、webpack、storybook
我刚接触Vue，在使用别名导入文件时，我遇到了一个关于它和Storybook的问题： 我有一个SvgIcon组件： <template> props from the18px; @include skip_element;}
</style> 正如您所看到的，它正在使用@别名导入另一个组件： import(`@/asse
浏览 65提问于2020-04-05得票数 1
1回答
在童话故事中使用全局Vue 3插件？
vue.js、vuejs3、storybook
如何在故事书中使用Vue 3插件？import { plugin, defaultConfig } from '@formkit/vue'
const app = createApp
浏览 0提问于2022-05-03得票数 0
回答已采纳
1回答
为类星体v2配置童话
vuejs3、storybook、quasar-framework
这里是我在package.json中的依赖项 "@quasar/extras": "^1.0.0", "@storybook/addon-links": "^6.2.1",
&q
浏览 0提问于2021-04-01得票数 2
回答已采纳
2回答
规则“导入/不-未解决”生成的事件-entry.js错误
javascript、vuejs2、storybook
我用vue add storybook将故事书添加到我的Vue项目中。这为我的项目添加了几个依赖项，例如，在我的package.json中，我发现了以下几个方面："@storybook/vue": "6.4.19",
"vue-cli-plugin-storybook":
浏览 5提问于2022-03-11得票数 2
回答已采纳
5回答
Storybook全局Scss变量
reactjs、vue.js、webpack、sass、storybook
CLI工具:故事书框架: Vue/ Nuxt
问题:我正在尝试将全局SCSS变量引入到Storybook故事中，这样它们就可以像在Nuxt中一样运行组件，我已经尝试了使用sass-resources-loader
浏览 0提问于2018-06-14得票数 9
2回答
主题设置在故事簿中不起作用
vuejs2、vuetify.js、storybook
(Vue version - 2，Vuetify and Storybook -最新版本)<template> color="primary中，Vuetify设置如下所示：import 'vuetify/dist/vuetify.min.css';
import Vuetify from "vue
浏览 1提问于2018-09-28得票数 5
回答已采纳
3回答
如何用故事簿配置VueJS + PostCss +尾风
javascript、vue.js、vue-cli、storybook、tailwind-css
使用VueJS、PostCss和Tailwind在Storybook中使用组件开发成功地建立了一个项目吗？我已经走了这么远：
我遇到的问题是，在运行故事
浏览 2提问于2018-10-28得票数 15
1回答
VIcon没有出现在故事书里
vue.js、vuejs2、vuetify.js、storybook
我正在开发一个Vue应用程序和Vuetify，并用Storybook记录组件。
我写得很好，所有组件似乎都出现在童话簿中(就像我的自定义组件& Vuetify组件一样)。除了VIcon。我有一个组件使用Vuetify的VIcon，我无法让图标显示出来(在真正的应用程序中，这是没有问题的)。已经尝试添加https://www.npmjs.com/package/storybook-addon-jsx (在实际情况下，组件是用
浏览 0提问于2020-09-22得票数 1
1回答
TypeScript中的Vue故事书如何从.storybook.ts文件中导入(Webpack透露)？
javascript、typescript、vue.js、webpack、storybook
我在TypeScript中使用Vue的故事簿。有用于在故事书中使用Vue。ERROR in ./vue';
i
浏览 0提问于2019-05-21得票数 2
回答已采纳
1回答
如何在Laravel-Vue.js应用程序中使用童话
laravel、vue.js、import、components、storybook
我的问题是如何在Laravel应用程序中使用Storybook组件。我尝试过将Storybook提取到静态应用程序中，并在第二个应用程序中导入它，但是它不起作用。首先:在故事书文件中的index.js文件中，必须导出组件 MyComponen
浏览 0提问于2018-11-05得票数 3
3回答
用vuetify 2建立故事书
javascript、vue.js、vuetify.js、storybook
只要将vuetify导入到我的故事书配置文件中，组件就会正常工作，但是颜色和主题不起作用，当添加装饰程序v-app时，我会得到以下错误："index.js:49 TypeError:无法读取未定义的‘黑暗import { configure, addDecorator } from '@storybook/vue'
import { themes } from '@storybook/theming'import <e
浏览 2提问于2019-08-12得票数 5
回答已采纳
2回答
如何使故事书的副词‘addon -链接’的工作为Vue.js？
vue.js、vuejs2、storybook
我正在努力学习如何在我使用Vue.js的项目中使用Storybook，而且我似乎无法让addon‘addon-link’工作，因为文档主要是在反应中。我安装了npm i --save vue-loader@13.6.1
npm i --save @storybook/addon-actionsimport Vue from 'vue</em
浏览 0提问于2018-01-30得票数 1
回答已采纳
1回答
故事书文件不导入相应的.vue
vue.js、nuxt.js、storybook
夏夏但是它是编译错误，不能导入。component/index.stories.ts ├ pages
│ └ i
浏览 2提问于2021-11-20得票数 0
回答已采纳
3回答
未加载Vite的Scss
vuejs3、storybook、vite
使用Vite和Vue的构建就像一种魅力(因此路径是正确的)。然而，它并没有与故事书。"@storybook/preset-scss" "framework": "@storybook/vue3", "builder": "storybook-builder-vitestorybook/<
浏览 20提问于2022-02-10得票数 9
回答已采纳
2回答
无法从Storybook中的Vuex商店读取
javascript、vue.js、vuex、storybook
我正在使用Storybook和vue create，我试图从存储中读取状态，但我得到了以下错误：TypeError:storybook中，我有两个文件：const path = require('path');
stories: ['../stories/**/*
浏览 2提问于2020-03-17得票数 0
1回答
在VUE中使用JSX语法时，故事书不会编译。
typescript、vue.js、webpack、jsx、storybook
我正在做一个简单的评估，要求我在VUE 2中使用类型记录和JSX语法，我还需要集成故事书来测试我的UI组件。我能够使用VUE的简单模板语法运行测试。但是，如果我在VUE组件中使用JSX语法并尝试运行故事书，则会得到以下错误。 });
ret
浏览 10提问于2021-07-28得票数 2
2回答
故事书6.x和Vue 2在需要的附加加载程序上失败
vue.js、webpack、storybook
迁移到Storybook 6.4ModuleParseError: Module parse failed: Unexpected tokenloaders.|那个.my-card就出现在我的<style>标签后面，在vue文件中，所以我怀疑关于类型记录，babel或webpack --特别是没有使用vue-loader来加载证监会
我的故事书main.
浏览 11提问于2022-04-13得票数 2
回答已采纳
3回答
验证故事书remapInternalIcon问题
vuejs2、vuetify.js、storybook
使用Vuetify 2和Storybook 6(源https://github.com/lydonchandra/vuetify2storybook6 ) 组件渲染得很好，但在第一次渲染组件时，由于vm$vuetify.icons未定义，因此始终出现此错误TypeError。 不确定我错过了哪个故事书-实例化初始化桥？44048)at Proxy.render (vuetify.js:17009)
at VueCo
浏览 87提问于2021-01-25得票数 0
2回答
故事截图不适用于本地故事书-静态文件夹
html、storybook、jest-puppeteer、storybook-addon、storyshots
问题摘要技术栈和相关代码3ViteStorybookJestStoryshotsPuppeteer Vue
我有他们各自的故事。npm run storybook工作得很好。我怀疑这可能是由于CORS错误造成的，就像其他童话用户在运行<project-root>/storybook<
浏览 16提问于2022-06-15得票数 0
1回答
Vite Vue 3库构建不隐式包含dist/style.css
javascript、typescript、vuejs3、vite、npm-build
我构建了一个库项目(Vue 3，Vite)，我希望通过package.json将它包含在主机项目中。但是我遇到了一个问题，我可以导入组件并使用这些导入的组件运行一个简单的程序，但是它们的样式已经消失了。i
浏览 12提问于2022-06-09得票数 7
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
