vite项目开发npm包时调用其它依赖报错

这篇具有很好参考价值的文章主要介绍了vite项目开发npm包时调用其它依赖报错。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

        我们在封装npm包时有时候会在npm包中添加外部依赖,在webpack模式下是没有问题的,但在vite模式下当我们在项目中使用封装的npm包时,启动会报外部依赖的相关错误,此时我们需要在项目 vite.config.ts 文件中的 defineConfig 添加 optimizeDeps ,并将报错的外部的依赖添加进去。

        例如,我们在npm包里使用了qs依赖,那么,在项目上就可以按下图方式添加:文章来源地址https://www.toymoban.com/news/detail-520389.html

export default ({ mode }) => {
  return defineConfig({    
    optimizeDeps: {
      include: ['qs']
    }
  });
};

到了这里,关于vite项目开发npm包时调用其它依赖报错的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • npm命令删除开发项目中的node_modules文件夹

    1.使用rimraf: 2.使用npx: 3.使用npm自带的命令: 如果你只是想卸载某个特定的依赖包(比如nodemon),可以使用npm uninstall命令。如果依赖包被列在package.json文件的devDependencies中,则需要使用–save-dev参数 在npm中,也可以使用npm rm命令删除node_modules目录。该命令用于从本地文件

    2024年02月05日
    浏览(59)
  • 前端项目 npm install 安装依赖报错及解决办法

    目录 第一种:Error: Cannot find module \\\'gifsicle\\\' 第二种:Error: Cannot find module \\\'imagemin-gifsicle\\\' 第三种:Error: Cannot find module \\\'array-includes\\\' 前端项目安装依赖,遇到过的问题: 第一种: Error: Cannot find module \\\'gifsicle\\\' 原因是对应的模块 image-webpack-loader 未安装好 解决办法: 卸载重新安装

    2024年02月04日
    浏览(54)
  • 【解决问题】Vue 项目中安装依赖 npm install 一直报错

    在 GitHub 上面找了几个项目,下载下来想执行以下,首先根据 README 文档进行安装依赖: 但接下来就一直报错,报错信息如下: 搜寻了好多种解决方法,依然不行,最后看到一篇博客说是  C盘 User 文件夹中的  .npmrc 文件 的问题,于是我尝试删除该文件,再次进行  npm inst

    2024年02月02日
    浏览(78)
  • npm i 安装的依赖项目,运行正常,换成pnpm i安装的依赖运行报错

    报错信息大概如下   Failed to compile with 15 errors 00:47:21 These dependencies were not found: * codemirror/addon/dialog/dialog.css in ./node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib!./node_

    2024年02月08日
    浏览(57)
  • 以vue2为例,用npm开发环境在后端部署vue2项目(更推荐使用nginx部署)

    因为之前一致出现的跨域问题,从而想到了这个办法,属于偏方。推荐使用nginx部署,再去解决跨域问题。 接下来聊一聊本文所使用的方法。 首先将你的前端vue项目拷贝一份到服务器,准备一个dockerfile文件,用这个进行部署首先你得前提是配置好了vue.config.js的跨域配置了,

    2024年02月14日
    浏览(42)
  • 前端新手Vue3+Vite+Ts+Pinia+Sass项目指北系列文章 —— 第十一章 基础界面开发 (组件封装和使用)

    Vue 是前端开发中非常常见的一种框架,它的易用性和灵活性使得它成为了很多开发者的首选。而在 Vue2 版本中,组件的开发也变得非常简单,但随着 Vue3 版本的发布,组件开发有了更多的特性和优化,为我们的业务开发带来了更多便利。本文将介绍如何使用 Vue3 开发业务组件

    2024年02月19日
    浏览(89)
  • node.js 打开低版本的npm项目报错以及升级包依赖解决方案

    npm-check|升级你的 node 项目中依赖库最佳方案 - 知乎 (zhihu.com) (128条消息) npm install 安装失败常见问题解决办法_npm install安装失败_tester_sz的博客-CSDN博客 (128条消息) 解决nodejs报错 :Cannot find module \\\'xxx\\\'的问题 。(自己总结的,亲测有效)_cannot find module \\\'node:module_10Alexander01的博

    2024年02月11日
    浏览(56)
  • uniapp+vue3+ts+vite+echarts开发图表类小程序,将echarts导入项目使用的详细步骤,耗时一天终于弄好了

    想在uniapp和vue3环境中使用echarts是一件相当前卫的事情,官方适配的还不是很好,echarts的使用插件写的是有些不太清晰的,这里我花费了一天的时间,终于将这个使用步骤搞清楚了,并且建了一个仓库,大家可以直接clone下来使用。先看一下pc端和小程序端的效果: 微信小程

    2024年02月05日
    浏览(103)
  • vue3+vite项目,安装依赖运行报错“failed to load config from xxx,TypeError: vite.createFilter is not a function”

        今天从GitHub上拉下来了一个 vue3+vite 项目,之前就是安装依赖就可以运行了,但是今天一直报错,显示 TypeError: vite.createFilter is not a function     vite版本与安装的依赖版本不匹配     近期vite3发布,但我们使用的还是v2,所以安装依赖的时候默认安装的是最新版本,这

    2024年02月21日
    浏览(61)
  • mac HBuilderX 初体验 - 微信小程序开发报错: 微信开发者工具打开项目失败,请参阅启动日志!

    原文在我的博客 - 微信开发者工具打开项目失败,请参阅启动日志 第一次使用HBuilderX (之前都是webstorm),第一次体验小程序,但是启动小程序模拟器的时候,报了错: 微信开发者工具打开项目失败,请参阅启动日志 大概踩了两个坑: 我先安装了HBuilderX,再安装了微信小程序

    2024年02月12日
    浏览(60)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包