vue3 配置storybook报错 ： Cannot find module ‘vuedistvue.esm.js‘

最新推荐文章于 2023-05-10 00:38:34 发布
最新推荐文章于 2023-05-10 00:38:34 发布
阅读量1k 收藏
点赞数
分类专栏： 前端 html 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_67402823/article/details/123303963
版权
在尝试为Vue3组件库配置Storybook时遇到'Cannot find module ‘vue/dist/vue.esm.js’'的错误。该问题源于官方初始化命令后的执行步骤。解决方案是删除node_modules目录并重新安装，确保package.json中Vue版本明确为3，以避免版本不匹配的问题。
摘要由CSDN通过智能技术生成

前言

之前想让自己的组件库更完善所以配置jest,搞了好久，在解析jsx语法中的slots.default!()这句话是就报错，最终搁置了，今天想让自己的组件库添加storybook,感觉被官网坑了一上午，不过好歹成功了

报错产生原因

Cannot find module ‘vue/dist/vue.esm.js’
我就是按照官网执行了初始化命令
在这里插入图片描述
初始化的时候没报错

结果一执行下一步 npm run storybook

就出现了此问题
、

解决方法

后来 搜谷歌

地址：https://github.com/storybookjs/storybook/issues/10654

在这里插入图片描述

最低0.47元/天 解锁文章
m0_67402823
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaEye Client SourceCode
10-04
javaeye sourcecode 开源安卓客户端， JavaEYE
vuex使用Cannot find module ‘./api/index.js‘
最新发布
weixin_38441229的博客
08-31 302
使用vuex中出现这个问题。我的vuex的配置。 import Vue from 'vue' import Vuex from 'vuex' import App from './App.vue' import store from "./store"; import router from './router'; import "@/assets/css/base.css"; import VueRouter from 'vue-router'; import ElementUI from 'elem
vue3 配置storybook报错 ： Cannot find module ‘vue/dist/vue.esm.js‘
weixin_43342105的博客
12-16 3929
前言 之前想让自己的组件库更完善所以配置jest,搞了好久，在解析jsx语法中的slots.default!()这句话是就报错，最终搁置了，今天想让自己的组件库添加storybook,感觉被官网坑了一上午，不过好歹成功了 报错产生原因 Cannot find module ‘vue/dist/vue.esm.js’ 我就是按照官网执行了初始化命令 初始化的时候没报错 结果一执行下一步 npm run storybook 就出现了此问题 、 解决方法 后来 搜谷歌 地址：https://github.
Vue项目启动报错：error:cannot find module xxx
m0_74152912的博客
05-10 1955
原因：无法找到项目依赖的某个模块。如果报错，使用强制清除重新安装依赖
vue3 setup + ts + vite 项目问题解决：Cannot find module ... or its corresponding type declarations.（ts2307）
热门推荐
微灬墨的博客
11-28 8万+
vue3 setup + ts + vite 项目问题解决：Cannot find module ... or its corresponding type declarations.（ts2307）
warning in ./node_modules/_vuex@4.0.2@vuex/dist/vuex.esm-browser.js
05-11 1300
warning in ./node_modules/_vuex@4.0.2@vuex/dist/vuex.esm-browser.js "export ‘watch’ was not found in ‘vue’ "export ‘reactive’ was not found in ‘vue’ "export ‘inject’ was not found in ‘vue’ "export ‘watch’ was not found in ‘vue’ 项目是老项目，同事想在里边添加使用 vuex，于是直接
【报错问题】Vue 运行时提示 Error: Cannot find module ‘chalk’
01-07
运行 'npm run build' 时，提示错误 Error: Cannot find module 'chalk' 三、解决办法 3.1、根据上诉提示，其实已经告诉了问题来源，本地没有 node_modules 包，需要先运行命令 npm install 进行安装 npm install...
Cannot find module ‘xxx’，错误解决方法
01-08
vue-router.esm.js:1897 Error: Cannot find module '@/views/login/index' at webpackEmptyContext (index.js:39) at permission.js:90 解决方法 进入router中的index.js component: () => import('@/views/login/...
vue总是报Error Cannot find module 解决办法.网上的都试了不管用,用这招成功
11-10
在Vue.js开发过程中，我们可能会遇到“Error: Cannot find module”这样的错误，这通常是由于模块导入路径不正确、npm包未安装或者环境配置问题导致的。以下是一些常见的解决步骤和详细解释，希望能帮助到遇到此类...
解决vue项目中遇到 Cannot find module ‘chalk‘ 报错的问题
01-21
补充知识：vue在npm run dev时报错Error: Cannot find module ‘xxx‘ 今天在做项目时出现了下面这个错误，找了很多博客，都说改一下代码写法就行了。不过视情况而定，有点时候有些代码改起来很麻烦，千丝万缕的关系...
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
在Vue.js框架中，`this.$set`是一个用于添加响应式属性的方法，它遵循Vue的依赖追踪机制，确保新添加的属性能够触发视图更新。然而，当你遇到`TypeError: this.$set is not a function`的错误时，通常是因为`this`上...
vue项目Error: Cannot find module ‘xxx’类报错的解决方法
loveLifeLoveCoding的博客
12-08 7万+
现发现只要是报错 Error: Cannot find module ‘xxx’（例如 Error: Cannot find module ‘webpack’）这类的问题都可以用下面的方法解决。 报错内容如下： 运行 npm install 没问题，运行 npm run serve 就会报错： Error: Cannot find module ‘webpack’ 解决方案： 到项目文件夹下，删除node_modules 文件和package-lock.json 文件。注意不是packag...
Vue项目启动报错 error:cannot find module xxx
Mrlujiao_code的博客
10-22 2万+
原因：无法找到项目依赖的某个模块 解决办法： 1、删掉存放模块的文件夹node_module； 2、执行清除缓存命令 npm cache clean； 如果报错，使用强制清除npm cache clean --force； 如果还报错，删除package-lock.json文件； 3、重新安装模块，npm install；（会重新自动生成package-lock.json文件） 然后npm run dev重启就可以了。 ...
vue和vuex版本不匹配产生的警告
oTingShuo123的博客
02-24 2276
安装vuex之后执行npm run serve测试时出现警告 WAIT Compiling... 07:00:18 Compiling... WARNING Compiled with 4 warnings .
安装vue项目启动报错Cannot find module
青椒的博客
04-13 2051
怀疑我是不是一只猪 学习vuex的时候用cli2安装项目又报错了 作者原文： Cannot find module 这个是以为我们安装的项目缺少依赖： npm install 是安装项目所需要的依赖，简单理解就是安装一些必要的插件，需要等一段时间； 当然我们也可以用国内的淘宝镜像比较快一点，cnpm isntall 安装依赖，安装完成后，cnpm run dev就可以了 版权声明：本文为CSDN...
vue3启动报plugin:vite:import-analysis错
Sapling
11-08 2万+
报错原因是由于vite引起的，在vite中引入需要加入后缀名，即.vue
vue3 使用第三方插件问题 bundler to alias “vue“ to “vue/dist/vue.esm-bundler.js
qq_43654065的博客
04-01 538
转载 vue3 使用第三方插件问题 bundler to alias “vue“ to “vue/dist/vue.esm-bundler.js_twinkle||cll的博客-CSDN博客_vue/dist/vue.esm.jsvue3 使用第三方插件问题[Vue warn]: Component provided template option but runtime compilation is not supported in this build of Vue. Configure your b
解决Vue启动失败报错：Module not found: Error: Can‘t resolve ‘less-loader‘
见证自己学习,成长的记录
01-30 7646
解决Vue启动失败报错：Module not found: Error: Can't resolve 'less-loader'
vue.esm.js:5105 [Vue warn]: data functions should return an object: https://v2.vuejs.org/v2/guide/components.html#data-Must-Be-a-Function found in ---> <ShouYe> at src/components/ShouYe.vue <App> at src/App.vue <Root> warn$2 @ vue.esm.js:5105 initData @ vue.esm.js:4385 initState @ vue.esm.js:4322 Vue._init @ vue.esm.js:4711 VueComponent @ vue.esm.js:5836 createComponentInstanceForVnode @ vue.esm.js:5044 init @ vue.esm.js:4906 merged @ vue.esm.js:5061 createComponent @ vue.esm.js:6578 createElm @ vue.esm.js:6532 createChildren @ vue.esm.js:6651 createElm @ vue.esm.js:6555 patch @ vue.esm.js:7082 Vue._update @ vue.esm.js:2870 updateComponent @ vue.esm.js:2980 Watcher.get @ vue.esm.js:4164 Watcher @ vue.esm.js:4154 mountComponent @ vue.esm.js:2997 Vue.$mount @ vue.esm.js:9312 Vue.$mount @ vue.esm.js:11877 init @ vue.esm.js:4907 createComponent @ vue.esm.js:6578 createElm @ vue.esm.js:6532 patch @ vue.esm.js:7120 Vue._update @ vue.esm.js:2870 updateComponent @ vue.esm.js:2980 Watcher.get @ vue.esm.js:4164 Watcher @ vue.esm.js:4154 mountComponent @ vue.esm.js:2997 Vue.$mount @ vue.esm.js:9312 Vue.$mount @ vue.esm.js:11877 Vue._init @ vue.esm.js:4721 Vue @ vue.esm.js:5772 eval @ main.js:14 ./src/main.js @ app.js:2520 __webpack_require__ @ app.js:679 fn @ app.js:89 0 @ app.js:2537 __webpack_require__ @ app.js:679 (anonymous) @ app.js:725 (anonymous) @ app.js:728
06-07
这个警告表示，在定义 Vue 组件时，data 选项应该是一个函数而不是一个对象。Vue 的官方文档说明，每个组件的 data 必须是一个函数，返回一个对象，而不是一个对象本身。这是为了确保每个组件实例都有一个独立的数据...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值