bug:The following dependencies are imported but could not be resolved lib-flexibleflexible

简介: bug:The following dependencies are imported but could not be resolved lib-flexibleflexible
ivyone@ivyonedeMacBook-Pro daily-cost % npm run dev
> vite-project@0.0.0 dev /Users/ivyone/hami94/daily-cost
> vite
 > src/router/index.js:3:17: error: Could not resolve "../views/Data.vue"
    3 │ import Data from "../views/Data.vue";
      ?                  ~~~~~~~~~~~~~~~~~~~
error when starting dev server:
Error: Build failed with 1 error:
src/router/index.js:3:17: error: Could not resolve "../views/Data.vue"
    at failureErrorWithLog (/Users/ivyone/hami94/daily-cost/node_modules/esbuild/lib/main.js:1160:15)
    at buildResponseToResult (/Users/ivyone/hami94/daily-cost/node_modules/esbuild/lib/main.js:896:32)
    at /Users/ivyone/hami94/daily-cost/node_modules/esbuild/lib/main.js:991:20
    at /Users/ivyone/hami94/daily-cost/node_modules/esbuild/lib/main.js:542:9
    at handleIncomingPacket (/Users/ivyone/hami94/daily-cost/node_modules/esbuild/lib/main.js:631:9)
    at Socket.readFromStdout (/Users/ivyone/hami94/daily-cost/node_modules/esbuild/lib/main.js:509:7)
    at Socket.emit (events.js:315:20)
    at addChunk (internal/streams/readable.js:309:12)
    at readableAddChunk (internal/streams/readable.js:284:9)
    at Socket.Readable.push (internal/streams/readable.js:223:10)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! vite-project@0.0.0 dev: `vite`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the vite-project@0.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/ivyone/.npm/_logs/2021-03-12T00_05_38_519Z-debug.log
ivyone@ivyonedeMacBook-Pro daily-cost % npm run dev
> vite-project@0.0.0 dev /Users/ivyone/hami94/daily-cost
> vite
error when starting dev server:
Error: The following dependencies are imported but could not be resolved:
  lib-flexible/flexible (imported by /Users/ivyone/hami94/daily-cost/src/main.js)
Are they installed?
    at optimizeDeps (/Users/ivyone/hami94/daily-cost/node_modules/vite/dist/node/chunks/dep-e0f09032.js:67754:15)
    at processTicksAndRejections (internal/process/task_queues.js:93:5)
    at async runOptimize (/Users/ivyone/hami94/daily-cost/node_modules/vite/dist/node/chunks/dep-e0f09032.js:68328:48)
    at async Server.httpServer.listen (/Users/ivyone/hami94/daily-cost/node_modules/vite/dist/node/chunks/dep-e0f09032.js:68342:17)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! vite-project@0.0.0 dev: `vite`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the vite-project@0.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/ivyone/.npm/_logs/2021-03-12T00_06_46_494Z-debug.log
ivyone@ivyonedeMacBook-Pro daily-cost % npm install lib-flexible --save-dev
npm notice save lib-flexible is being moved from dependencies to devDependencies
npm WARN less-loader@8.0.0 requires a peer of webpack@^5.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN vite-project@0.0.0 No description
npm WARN vite-project@0.0.0 No repository field.
npm WARN vite-project@0.0.0 No license field.
+ lib-flexible@0.3.2
added 1 package in 2.762s
5 packages are looking for funding
  run `npm fund` for details
ivyone@ivyonedeMacBook-Pro daily-cost % npm run dev
> vite-project@0.0.0 dev /Users/ivyone/hami94/daily-cost
> vite
Pre-bundling dependencies:
  vue
  lib-flexible/flexible
  vant
  vue-router
(this will be run only when your dependencies or config have changed)
  vite v2.0.5 dev server running at:
  > Local:    http://localhost:3000/
  > Network:  http://192.168.3.11:3000/
  ready in 981ms.

解决方法:

安装lib-flexible

npm install lib-flexible --save-dev
相关文章
|
JavaScript
VUE3(十)生命周期及钩子函数
Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程,我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程,就是生命周期。
6405 0
VUE3(十)生命周期及钩子函数
【Vite】Vite设置好了Proxy,但接口却404!解决方案来了!
前言 最近在做一个Vue3+Vite+TypeScript的项目,进行一番网上冲浪后,参考了众多🐴友的方案,配置完vite.config.ts准备开始与后端的同学开始联调,发现无论怎么样都是404,然后就开始了一步步的排查!
6289 0
|
JavaScript 容器
乾坤qiankun框架搭建 主应用为vue3的项目。
乾坤qiankun框架搭建 主应用为vue3的项目。
662 2
|
JavaScript
Vue3基础(19)___vite.config.js中配置路径别名
本文介绍了如何在Vue 3的Vite配置文件`vite.config.js`中设置路径别名,以及如何在页面中使用这些别名导入模块。
556 0
Vue3基础(19)___vite.config.js中配置路径别名
|
资源调度 JavaScript 前端开发
在 Vue 3 中实现流畅的 Swiper 滑动效果
本文介绍了如何在 Vue 3 项目中集成 Swiper,涵盖了从安装、基本用法到丰富的配置选项。通过简单的示例,读者将学习如何创建响应式的图片轮播,利用 Swiper 的循环、自动播放和自定义分页功能,提升用户体验。无论是简单的幻灯片还是复杂的滑块效果,Swiper 都能轻松实现,帮助开发者快速构建出美观的滑动组件。
2412 0
|
存储 JavaScript 前端开发
敲黑板!vue3重点!一文了解Composition API新特性:ref、toRef、toRefs
该文章深入探讨了Vue3中Composition API的关键特性,包括`ref`、`toRef`、`toRefs`的使用方法与场景,以及它们如何帮助开发者更好地管理组件状态和促进逻辑复用。
敲黑板!vue3重点!一文了解Composition API新特性:ref、toRef、toRefs
|
JavaScript 前端开发 UED
Vue 组件设计:构建生动多彩的树形结构组件
本文介绍了如何使用 Vue 构建一个功能强大的树形结构组件。该组件支持递归渲染节点及其子节点,提供了自定义节点颜色、文本和布局的功能。通过独特的样式处理不同层级的节点,展示出丰富的视觉效果。组件还支持动态布局和缩放,确保灵活的界面展示和用户体验。文章提供了详细的代码实现,包括 HTML、JavaScript 和 SCSS,帮助开发者快速集成和定制自己的树形结构组件。
961 0
Vue 组件设计:构建生动多彩的树形结构组件
在Vue3项目中使用 vue3-seamless-scroll 无缝滚动插件
本文介绍了如何在Vue3项目中使用`vue3-seamless-scroll`插件实现无缝滚动效果,并提供了详细的示例代码和运行效果。
5549 0
elementui表格自定义表头的两种方法
这篇文章主要是总结了elementui-table表格怎么自定义表头,两种方式需求不一样,大家还有啥好的方法或者遇到的bug评论区留言大家一起解决。
1960 0
|
JSON 前端开发 开发工具
对象存储oss使用问题之OSS文件下载中CRC64校验如何解决
《对象存储OSS操作报错合集》精选了用户在使用阿里云对象存储服务(OSS)过程中出现的各种常见及疑难报错情况,包括但不限于权限问题、上传下载异常、Bucket配置错误、网络连接问题、跨域资源共享(CORS)设定错误、数据一致性问题以及API调用失败等场景。为用户降低故障排查时间,确保OSS服务的稳定运行与高效利用。
1092 0