vite打包报错:await import(‘source-map-support‘).then((r) => r.default.install())(亲测有效)

这篇具有很好参考价值的文章主要介绍了vite打包报错:await import(‘source-map-support‘).then((r) => r.default.install())(亲测有效)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

先看一下报错

vite打包报错:await import(‘source-map-support‘).then((r) => r.default.install())(亲测有效)

 我是在Jenkins上执行发布时报的错,本地是可以打包的

这种情况一般是依赖出了问题,然后删除依赖重新下载,即可,如果不行就是node版本过低,vite2要求node版本>= 12.0.0,但是vite3要求node版本 14.18+,16+,如果删除依赖不能解决问题使用node - v查看node版本文章来源地址https://www.toymoban.com/news/detail-506995.html

删除依赖重新下载方法

rm -rf node_modules  //删除node_modules文件或手动删除
rm package-lock.json //删除package-lock.json文件或手动删除
npm cache clean --force
npm install

Linux系统上更新Node.js

npm cache clean -f // 清除npm缓存
npm install -g n // 安装n, Node的版本管理器
n stable // 安装了n模块后,使用它来安装最新的稳定版本

// 如果你想安装最新版本
n latest

到了这里,关于vite打包报错:await import(‘source-map-support‘).then((r) => r.default.install())(亲测有效)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • Vite解决报错(Top-level await is not available in the configured target environment)

    项目在用vite打包时报错 报错信息:“Top-level await is not available in the configured target environmen“ 翻译 “顶级等待在配置的目标环境中不可用” 解决问题 npm安装vite-plugin-top-level-await插件 配置vite.config.js文件 之后在plugins中添加topLevelAwait方法 最后重新打包即可

    2024年02月10日
    浏览(23)
  • 使用vite-plugin-style-import插件报错Cannot find module ‘consola‘和解决方法

    使用的 Vite创建的项目,使用 unplugin-vue-components 来进行按需加载。但是此插件无法处理非组件模块,如 message,这种组件需要手动加载,如: 由于已按需导入了组件库,因此仅样式不是按需导入的,因此只需按需导入样式即可。 使用 vite-plugin-style-import 可以帮助我们按需引

    2024年02月15日
    浏览(28)
  • vue3使用Vite打包报Rollup failed to resolve import “xxx/node_modules/ant-design-vue/xxxx

    在使用vue3 + vite + ant design vue 的时候,引入一些antd的一些组件的时候,通常运行是没有错的,但是打包会报错,例如: Rollup failed to resolve import \\\"D:/xxxxx/node_modules/ant-design-vue/es/form-item-rest/style/index\\\" from \\\"src/views/xxx/xxx.vue\\\". 15:01:51 This is most likely unintended because it can break your applic

    2024年02月16日
    浏览(36)
  • 报错:[plugin:vite:import-analysis] Failed to resolve import “axios“ from “src\components\Main.vue“. Do

        这个错误通常表示您的代码中缺少axios库或者它没有被正确引入。您可以按照以下步骤解决问题: 确认您已经安装了axios库。您可以在终端中使用以下命令来安装axios: 确认您已经正确引入axios库。在您的组件中,您需要使用以下方式来引入axios库: 确认您的路径是否正确

    2024年02月07日
    浏览(41)
  • vite打包vue3项目白屏报错

    资源路劲问题 修改:vite.config.ts 原因是需要服务器进行静态资源访问,否则会因为跨域而报错 : Access to script at \\\'file:///F:/Progremes/Vue3/yanxuan_vue3_m_h5/dist/assets/index-49de958d.js\\\' from origin \\\'null\\\' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated

    2024年02月16日
    浏览(38)
  • vue3+vite+vant项目下按需引入vant报错Failed to resolve import解决方案

    在学习vite+vue3+vant开发项目过程中, 参考vant官网开发指南-快速上手-引入组件 vant组件库官网 按照上述配置好后,运行vite环境报错:Failed to resolve import 根据报错信息,发现是vant的样式引入路径不对。 以 Button 组件为例 程序解析为:项目路径/node_modules /vant/lib /vant/es/button/s

    2024年02月15日
    浏览(41)
  • vue3打包踩坑记录‘readFile‘ is not exported by __vite-browser-external, imported by node_modules/pdfjs-dist

    因为vue3项目是用不了vue-pdf所以用了pdfjs-dist,开发环境pdf查看是没问题正常使用,只是在打包的时候就报错,应该是由于pdfjs-dist.js使用了fs,fs是nodejs环境下的工具库,所以vite才会报错。 1、下载插件 2、vite.config.js配置 这样轻松搞定打包报错问题。

    2024年02月09日
    浏览(35)
  • vite项目在jenkins自动打包报错:failed to load config from ../vite.config.js You installed esbuild on

    在window环境开发用的找不到 esbuild-windows-64 ,在linux环境构建需要使用 esbuild-linux-64 ,找不到 esbuild-linux-64 就会报错 实际报错: 报错原因: vite在linux环境打找不到 esbuild-linux-64 2种解决方案: 1、在linux环境下,打包前先 npm i esbuild-linux-64 2、在外网windows环境下运行以下命令(

    2024年02月13日
    浏览(43)
  • 解决Vue3+Vite3 打包部署到nginx后配置非根目录刷新页面报错空白

    报错内容 解决方法 router文件 vite.config.ts nginx.conf 配置中路径apps是我自建的存放前端页面的文件夹 起关键作用的是 try_files $uri $uri/ /demo/index.html ,当然上面项目文件夹demo也需保持一致 alias 后面的路径是Vue项目打包后dist静态文件服务器存放路径,一般在nginx下面建一个文件夹

    2024年02月11日
    浏览(32)
  • vite4生产环境打包报错NODE_ENV=production is not supported in the .env file.

    vue3+vite4生产环境production打包报错: 大致意思就是: NODE_ENV=.ENV文件中不支持生产。仅支持NODE_ENV=开发来创建项目的开发构建。如果需要设置process.env.NODE_env,则可以在Vite配置中进行设置。 ** ** 如果有警告 那就把vite.config.js里面的minify换成:terser(别忘记install下载了)

    2024年02月11日
    浏览(50)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包