vite配置别名时遇到错误Error: Dynamic require of “path“ is not supported

这篇具有很好参考价值的文章主要介绍了vite配置别名时遇到错误Error: Dynamic require of “path“ is not supported。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1. 问题现象

vite项目中出现的错误Error: Dynamic require of “path” is not supported

2. 为什么会这样?

因为vite中没有不支持require()

3. 如何解决

require()改成import xxx文章来源地址https://www.toymoban.com/news/detail-812739.html

const path = require('path') // 之前:导致报错

import path from 'path' // 现在:使用import导入解决错误

到了这里,关于vite配置别名时遇到错误Error: Dynamic require of “path“ is not supported的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 使用vite创建Vue/React前端项目,配置@别名和Sass样式,又快又方便

    Vite官方网站:Vite | 下一代的前端工具链  Vite 并不是基于 Webpack 的,它有自己的开发服务器,利用浏览器中的原生 ES 模块。这种架构使得 Vite 比 Webpack 的开发服务器快了好几个数量级。Vite 采用 Rollup 进行构建,速度也更快。  兼容性注意 Vite 需要 Node.js 版本 14.18+,16+。然

    2024年02月14日
    浏览(44)
  • Error [ERR_REQUIRE_ESM]: require() of ES Module ...not supported.

     学习使用gulp的del删除任务时出现require() of ES Module 问题 报的错误如下所示: 查看对应代码,是引入del插件位置的错误,const del = require(\\\'del\\\') ,经学习,发现是npm 默认安装的del插件版本为7.0.0,版本太高导致,因此 问题解决 参考:require() of ES Module错误提示怎么解决?_Only

    2024年02月11日
    浏览(40)
  • node.js下载和vite项目创建以及可能遇到的错误

    目录 一、node.js的下载 1、去官网下载   节点.js (nodejs.org) 2、下载过程 第一步: 第二步: 第三步: 第四步: 第五步: 二、vite项目的创建(使用的工具是Hbuilder x) 第一步:  出现报错 Need to install the following packages:  create-vite-app@1.21.0 第二步: 第三步:  三、可能出现的报

    2024年02月03日
    浏览(44)
  • nrm 安装后报错 Error [ERR_REQUIRE_ESM]: require() of ES Module

    安装 nrm 后,进行使用时报错 原因:应该使用 open 的 CommonJs 规范的包,现在 open v9.0.0 是 ES Module 版本的包。 解决方案:

    2024年02月11日
    浏览(46)
  • 记录:Error [ERR_REQUIRE_ESM]: require() of ES Module not supported.报错

    记录:在js中导入jsencrypt模块时,出现Error [ERR_REQUIRE_ESM]: require() of ES Module xxxxx from xxxxx not supported.报错 代码: 报错: 解决办法: 将提示语翻译过来: 将jsencrypt.js重命名为以.cjs结尾,将所需代码更改为使用所有CommonJS模块中可用的dynamicimport(),或将D:yj_pjno中的“type”:

    2024年02月11日
    浏览(55)
  • 在vite+vue3项目中配置使用css预处理器(less/sass)以及路径别名

    vite已经将这些预处理器的loader内置了,我们不用再像在webpack项目中那样,需要下载和配置一堆相关的loader,我们只需要下载less,sass依赖,就能直接在项目中使用啦 使用npm或者yarn来安装以下依赖: Less预处理器: npm install -D less Sass预处理器: npm install -D sass 如图,下载之后

    2024年02月11日
    浏览(91)
  • 【Vite】Vite切换版本(Vite+vue3)报错 [vite] Internal server error: Cannot set property ‘id‘ of undefined

    Vue3+vite的项目,在全局安装新的Vite版本后,一直报下图错误。 报错信息 通过很多方式没有解决,最后发现是Vite版本的问题,因为Vue是从脚手架中引入的 查看package.json和package.lock.json区别 修改 将 package.json 中vite的版本号固定后,安装( npm install )发现仍有问题 最终解决 查

    2024年02月16日
    浏览(43)
  • ERROR (node:9788) Warning: require() of ES modules is not supported.

    后台报错内容展示: 前端报错内容展示: 点开第一个报错项显示如下: 点开报错信息抛出的其他链接,并没有找到什么有效信息,一开始我以为是那块代码写的有问题,但报错信息上显示 require() of ES modules is not supported. ,所以我推测是版本问题。 axios版本太高了,不兼容导

    2024年02月11日
    浏览(54)
  • 【已解决】在 Vite 项目中使用 eslint-config-ali 时遇到的解析错误

    搭建 Vite 项目 安装 配置 .eslintrc 在 vite.config.ts 首行开始处位置: Parsing error: ESLint was configured to run on tsconfigRootDir/vite.config.ts using parserOptions.project : tsconfigRootDir/tsconfig.json However, that TSConfig does not include this file. Either: Change ESLint’s list of included files to not include this file Change tha

    2024年02月03日
    浏览(34)
  • 【Vue3】Vite打包发布错误若干问题解决方案,新手遇到的问题都在这里。

    npm run build 在vite.config.js 中加入下面的代码 vite.config.js 完整代码

    2024年02月11日
    浏览(42)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包