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实例从创建到销毁的过程,就是生命周期。
6432 0
VUE3(十)生命周期及钩子函数
【Vite】Vite设置好了Proxy,但接口却404!解决方案来了!
前言 最近在做一个Vue3+Vite+TypeScript的项目,进行一番网上冲浪后,参考了众多🐴友的方案,配置完vite.config.ts准备开始与后端的同学开始联调,发现无论怎么样都是404,然后就开始了一步步的排查!
6327 0
|
JavaScript 前端开发 jenkins
【前端】vue项目打包Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@latest解决方案
【前端】vue项目打包Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@latest解决方案
3105 0
|
运维 安全 数据建模
阿里云SSL证书收费版和免费版SSL有什么区别?全方位对比
阿里云提供免费和个人测试(Pro)及正式版SSL证书。免费版有效期仅3个月,适合个人网站或测试使用;个人测试(Pro)版68元/年,有效期12个月;正式版价格数百至数千元不等,有效期至少1年,支持DV、OV、EV证书类型,具有高安全等级、良好兼容性、稳定OCSP验证、SLA保障及安全保险赔付等优势,并提供最长3年的服务周期与人工客服支持。详情与报价参见SSL官方页面。
2423 126
|
资源调度 JavaScript 前端开发
在 Vue 3 中实现流畅的 Swiper 滑动效果
本文介绍了如何在 Vue 3 项目中集成 Swiper,涵盖了从安装、基本用法到丰富的配置选项。通过简单的示例,读者将学习如何创建响应式的图片轮播,利用 Swiper 的循环、自动播放和自定义分页功能,提升用户体验。无论是简单的幻灯片还是复杂的滑块效果,Swiper 都能轻松实现,帮助开发者快速构建出美观的滑动组件。
2514 0
|
API
Vue3组件通信全解析:利用props、emit、provide/inject跨层级传递数据,expose与ref实现父子组件方法调用
Vue3组件通信全解析:利用props、emit、provide/inject跨层级传递数据,expose与ref实现父子组件方法调用
3125 0
|
JavaScript 前端开发 UED
Vue 组件设计:构建生动多彩的树形结构组件
本文介绍了如何使用 Vue 构建一个功能强大的树形结构组件。该组件支持递归渲染节点及其子节点,提供了自定义节点颜色、文本和布局的功能。通过独特的样式处理不同层级的节点,展示出丰富的视觉效果。组件还支持动态布局和缩放,确保灵活的界面展示和用户体验。文章提供了详细的代码实现,包括 HTML、JavaScript 和 SCSS,帮助开发者快速集成和定制自己的树形结构组件。
1007 0
Vue 组件设计:构建生动多彩的树形结构组件
在Vue3项目中使用 vue3-seamless-scroll 无缝滚动插件
本文介绍了如何在Vue3项目中使用`vue3-seamless-scroll`插件实现无缝滚动效果,并提供了详细的示例代码和运行效果。
5930 0
|
数据库
element多选框select下拉框数据回显的问题value.push is not a function
element多选框select下拉框数据回显的问题value.push is not a function
1346 1
|
JSON 前端开发 开发工具
对象存储oss使用问题之OSS文件下载中CRC64校验如何解决
《对象存储OSS操作报错合集》精选了用户在使用阿里云对象存储服务(OSS)过程中出现的各种常见及疑难报错情况,包括但不限于权限问题、上传下载异常、Bucket配置错误、网络连接问题、跨域资源共享(CORS)设定错误、数据一致性问题以及API调用失败等场景。为用户降低故障排查时间,确保OSS服务的稳定运行与高效利用。
1146 0