React项目打包报错:Uncaught SyntaxError: Cannot use ‘import.meta’ outside a module

简介:前言最近使用在编写react项目过程中,采用的BrowserRouter 打包时会报错,且部署到ngin […]

简介:前言最近使用在编写react项目过程中,采用的BrowserRouter 打包时会报错,且部署到nginx上会报错:Uncaught SyntaxError: Cannot use ‘import.m…

前言

最近使用在编写react项目过程中,采用的BrowserRouter 打包时会报错,且部署到nginx上会报错:Uncaught SyntaxError: Cannot use ‘import.meta’ outside a module

查看了相关资料都没有查到,最后问了ai给了一个新思路:

phpUOJPXG

然后想到我做了Polyfills,所以直接去掉就好了。

 

解决

修改vite.config.js文件,注释 Polyfills 相关代码

  // legacy({
    //   targets: ['chrome <= 80'],
    //   additionalLegacyPolyfills: ['regenerator-runtime/runtime'],
    //   renderLegacyChunks: true
    // }),

 

版权声明
文章标题:React项目打包报错:Uncaught SyntaxError: Cannot use ‘import.meta’ outside a module
文章链接:https://blog.chiyuba.com/qianduanjishu/599.html
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布,转载或引用请注明出处。
温馨提示:本文最后更新于 2025年7月12日,部分内容可能存在时效性,请注意甄别。

相关推荐

更多教程
React中使用redux toolkit状态库 前端技术 React中使用redux toolkit状态库

  简介:前言react项目中...

13 浏览
nextjs13中cssModule设置子标签的样式 前端技术 nextjs13中cssModule设置子标签的样式

前言 最近在学习nextjs中发现,如果...

5 浏览
vs code自定义代码块设置方法 UI相关 vs code自定义代码块设置方法

 前言 今天在写css的时候,想添加一个...

5 浏览

评论