vue3+vite+vant 按需导入报Internal server error: __require.resolve is not a function

最新推荐文章于 2024-06-21 09:52:06 发布
最新推荐文章于 2024-06-21 09:52:06 发布
阅读量2.3k 收藏
点赞数
文章标签： css3 vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lch1399038292/article/details/122846586
版权

最近开始学习vue3,在使用vant按需引入的时候报以下错误：

按需导入配置：

尝试了很多方法后，修改了一下vite-plugin-style-import的版本改为1.4.1版本：

npm i vite-plugin-style-import@1.4.1

然后重新npm run dev后可以解决以上BUG

梨子ππ
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
vite构建项目按需引入vant时vite-plugin-style-import 报错 require.resolve is not a function
m0_57874230的博客
01-07 6059
最近开始使用vite去替代了传统的脚手架vue- cli ，为什么好好的脚手架不用，开始追求了vite，时过境迁，我们见证了诸如webpack、Rollup和Parcel等工具的变迁，它们极大地改善了前端开发者的开发体验。在将来 一定是vue3 + vite + ts时代。 下面说一下用vite简单构建项引入vant一些流程 和 报错解决 1.搭建vite项目 使用npm npm init vite@latest 使用 Yarn yarn create vite 使用 PNPM ...
__webpack_require__(...) is not a function vue报错
muzidanwu的博客
04-08 4688
使用npm install vue-router 安装的router 报错__webpack_require__(...) is not a function，可能是router和webpack的版本不匹配，后执行npm i vue-router@3.2.0，将router的版本换到了3.2.0，重新npm run dev不报错了。
使用 Vite-plugin-style-import 报错：Failed to resolve import（已解决）
最新发布
m0_60913945的博客
06-21 317
【代码】使用 Vite-plugin-style-import 报错：Failed to resolve import（已解决）
vite项目中动态引入src失败的问题解决:require is not defined
m0_54741495的博客
01-02 861
vite项目中动态引入src失败的问题解决:require is not defined
Vue3.x 报 Uncaught TypeErrorObject(...) is not a function( Vue3对象不是函数解决思路)
m0_67392661的博客
03-02 2595
今天在vue3的练习时候发现我写的路由总是浏览器报错，仔细校验文档发现并没有错误啊，可总是报Uncaught TypeError:Object(…) is not a function的错误，看下图： 网上针对这个错误的解释都是重名啊、大小写错误啥的。很显然对于我这种老鸟（菜鸡）是不可能犯这种错误的。经过一顿折腾竟然是版本问题。。。。。。。。。。。 我查看了路由的版本号，3.5.1并不是最新的，理论上讲应该问题不大，但是还是抱着试一试的心态把vue相关的都升级了一遍，再次编译，竟然没有这个问题了。真不知道这
解决vue3前端获取文件的绝对路径问题
Stars_in_rain的博客
08-15 6326
项目已经使用electron进行了打包，所以是可以通过electron方式运行的，现在需要的就是vue的代码中引入electron，进行打开文件管理器，实现文件路径获取。这时候又出现 window.require is not a function .错误，这是因为工程是在本地浏览器运行的，识别不了electron中的api,只要保证在electron应用程序下运行就不会报错。(3)、electron5.x的node集成环境默认是关闭的，这之前的版本是默认开启的。在需要通信的文件中进行调用。
解决前端项目问题：Uncaught (in promise) TypeError: resolve is not a function报错
意初的博客
09-23 8561
运行项目浏览器：Uncaught (in promise) TypeError: resolve is not a function报错。
vue3+vite2+ts+vant3 项目demo
04-16
此项目 按照大佬文章 一步步学习搭建 https://juejin.cn/post/7036745610954801166?share_token=5dd94aae-bed2-4733-93ac-306118376443；感谢大佬
vue3-vite-ts-Vant：vue3 + vite + ts + Vant + vuex +路由器
03-04
Vue3-Vite-TS-Vant 是一个现代前端开发框架的集成，主要采用了 Vue.js 的最新版本 3，搭配了 Vite 构建工具，TypeScript 作为编程语言，Vant UI 库，Vuex 状态管理，以及 Vue Router 路由系统。这个组合为开发者提供...
vite5+vue3+ import.meta.glob动态导入vue组件
03-25
Vite 是由 Vue.js 作者尤雨溪开发的一款新型构建工具，它利用了 ES 模块的原生加载能力，实现了热更新和按需编译，极大地提升了开发效率。Vue3 是 Vue.js 框架的最新版本，引入了 Composition API 等重大改进，让...
vue3+vite+qiankun+monorepo框架
08-03
vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+...
vue3+vite+antd 后台管理系统基础模板
02-06
Vite是由Vue.js作者尤雨溪开发的新型构建工具，它颠覆了传统的前端构建流程，采用了按需编译和热模块替换（HMR）的概念。Vite在开发环境中的优势在于其快速的启动时间和更新响应，因为它避免了Webpack的完整构建过程...
vite中无法使用require和@无法使用的问题
菜鸟先飞
06-01 4295
vite中无法使用require和@无法使用的问题
vue+vite项目在开发时报错：Internal server error: EISDIR: illegal operation on a directory, read
qq_43710066的博客
07-05 9441
Internal server error: EISDIR: illegal operation on a directory, read
[vite] Internal server error: Failed to resolve import “D:/Program Files (x86)/星球项目/yupao-frontend/n
JEREMY的博客
05-10 5055
【代码】[vite] Internal server error: Failed to resolve import "D:/Program Files (x86)/星球项目/yupao-frontend/n。
网站报错“internal server error”如何解决
qq_33209777的博客
08-21 5277
这个问题不是浏览者造成的，而是你所浏览的网站服务器出现了故障引起的或网站所在服务器正在维护引起，一般来讲，如果对这种错误不加处理的话，会持续不可访问，甚至会显示一片乱码，有经验的程序员，维护时可设置显示该网站正在维护，或者此页无法显示，如果非维护时间出现这个提示，则是服务器真有故障了。当程序员编写的程序不够严谨，出现异常的时候，浏览者也会看到500的错误，解决这种问题的方法是，联系程序开发人员，进行程序跟踪，找到错误所在，然后修改程序，经测试没有问题，重新发布程序，然后系统正常。
打开网站出现Internal Server Error的原因和解决方法
jh035512的博客
11-24 8010
打开网站出现Internal server error 500错误，通常是服务端出现一些未知异常，但是在检查的时候我们不能仅仅只是关注应用服务，而是要关注从服务端接收请求开始，一直到应用服务的整条链路。程序文件中的权限问题导致Internal Server Error的解决方法。
【错误记录】[vite] Internal server error: (0 , import_vite.transformWithEsbuild) is not a function
weixin_50863323的博客
08-04 1582
[vite] Internal server error: (0 , import_vite.transformWithEsbuild) is not a function
vue CLI异步组件报错import' and 'export' may only appear at the top level
热门推荐
郑伟斌的博客
05-07 2万+
目录简介解决方案 简介 Vue的官网中提到了有关异步组件的语法，链接如下： https://cn.vuejs.org/v2/guide/components-dynamic-async.html　 可以使用require，也可以使用import，如果使用import，那么语法是这样的。 new Vue({ // ... components: { 'my-component': (...
[Vue warn]: Error in beforeCreate hook: "TypeError: this._router.init is not a function"
03-28
This error message indicates that there is an issue with the Vue Router initialization in the beforeCreate hook of a component. The error suggests that the _router object does not have an init method, which is causing the TypeError. To resolve this error, you can check the code for any issues with the Vue Router initialization. Make sure that you have imported the Vue Router correctly and that it is properly installed in your Vue project. Additionally, ensure that you have set up the router instance correctly in your Vue application. If you are still encountering this error, you may want to consider posting your code or seeking further assistance from the Vue community or a Vue expert to help you resolve the issue.
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值