vite react 项目打包报错处理

于 2025-02-25 17:50:12 发布
阅读量390 收藏
点赞数 1
文章标签： react.js 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/wusandaofwy/article/details/145858839
版权

 Could not find a declaration file for module 'lodash'

安装 Lodash 类型声明文件

# 使用 npm
npm install --save-dev @types/lodash

# 使用 yarn
yarn add -D @types/lodash

打包成功

风无雨
关注
vue3 - vite打包报错error during build: “default“ is not exported by “x”, imported by “x“（解决前端vue3打包时出错）
高级前端工程师
04-12 8509
vue3，vite，打包编译，打包构建，报错，前端vue打包时遇到‘default‘ is not exported by node_modules/vue/dist/vue.runtime.esm-bundler.js, imported by，vite打包报错“default“ is not exported by “node_modules，vue3项目打包报错，vite项目打包报错，执行npm run build报错，解决vite打包出现，rollup打包报错，如何解决这个问题，依旧报错，无法构建编
记录：vite打包报错 error during build: Error: Parse error @:1:1
榴莲不好吃的专栏
07-29 1071
网上搜索了下，没找到解决方案，找了个梯子去外面查了一圈，有人也遇到了类似的问题，打包的时候遇到import.meta.env会崩溃，于是，将页面中的打印的 “import.meta.env”相关代码去掉，再次打包就没问题了，虽然不知道为什么，但确实没问题可以了。但是打包就会报如下错误：error during build: Error: Parse error @:1:1。一直以为是vant的问题，各种升级，替换插件，发现没什么用，vant从3升级到4后，本地运行没问题，
在Vue中使用顶级await，打包出现报错的解决方案
FantasyWeirdo的博客
01-27 1911
【代码】在Vue中使用顶级await，打包出现报错的解决方案。
vue+vite 项目启动 esbuild 报错
Yseventeen
04-11 1万+
dyld: Symbol not found: _SecTrustEvaluateWithError Referenced from: /Users/yseventeen/Vue_project/vue-vben-admin-main/vue-vben-admin/node_modules/.pnpm/registry.npmmirror.com+esbuild-darwin-64@0.14.34/node_modules/esbuild-darwin-64/bin/esbuild Expecte.
Vue 启动项目报错 Failed to compile with 2 errors
热门推荐
单飞吧的博客
10-13 2万+
Failed to compile with 2 errors 说的是编译失败，出现2个错误 解决办法：删除node_modules 文件夹 重新安装 npm install
vue3中使用@imgly/background-removal【踩坑版】
xxxx_96923的博客
11-02 675
不能通过pnpm i @imgly/background-removal-data 来获取模型数据放到public中，它和@imgly/background-removal的版本是对不上的，要去。填写config.publicPath时要带主机名，要不然会报错“TypeError: Failed to construct 'URL': Invalid base URL”下载，然后解压该文件，将dist文件夹中的所有内容复制到项目文件中，我是放到 public/backgroundRemoval 中。
React TS JSX项目自动化配置，打包build报错问题解决
weixin_43837305的博客
01-14 2383
文章目录前言一、项目打包二、Jenkins自动化部署1.配置编译打包命令2.参考文献3.最终解决总结 前言 提示：本页面解决方法慎重参考，本人是在自己公司的项目发现的build问题，不代表所有项目都有这个问题，请明确后再参考 提示：以下是本篇文章正文内容，下面案例可供参考 一、项目打包 基本的md配置，本项目使用的是yarn管理工具。 本地安装依赖正常，打包正常 二、Jenkins自动化部署 1.配置编译打包命令 正常按照本地打包命令执行:yarn、yarn build:dev dev是自己配置的
react 项目打包优化 ===
weixin_58726419的博客
11-21 475
目录 项目打包 项目本地预览 打包体积分析 生产环境优化 路由懒加载 去掉console 配置CDN 项目打包 通过命令对项目进行打包 在项目根目录打开终端，输入打包命令：npm run build 等待打包完成，打包后的内容被放在项目根下的 build 文件夹中 项目本地预览 在本地预览打包后的项目 全局安装本地服务包：npm i -g serve，该包提供了 serve 命令，用来启动本地服务 在项目根目录中执行命令：.
React项目打包部署注意点 + 宝塔面板几步部署项目
背影、的博客
08-11 4054
1.react项目打包 1.1 终端运行打包命令 在编辑器的终端运行vue项目打包命令 yarn build 打包成功如下： 这时我们可以看到项目目录多出来一个build文件夹，记住它，后面部署就靠它了。 1.2 修改配置 在package.json里面添加一行： "homepage": "." 如果不加上这个的话之后打包的时候,打开index.html会报错，示例如下： 2.宝塔面板部署项目 2.1 部署要求 有一台云服务器（笔者这里用的是腾讯云） 服务器安装宝塔面板 安装教程 2.2 在
Vue3 - Vite运行打包时Uncaught ReferenceError: process is not defined（解决vue3+vite报错process is not defined）
王二红
03-26 6552
vue3，vite，vue3+vite报错，process，UncaughtReferenceError:processisnotdefined，浏览器控制台报错processisnotdefined解决方法，vue3如何解决报错，vite报错怎么办，前端打包UncaughtReferenceError:processisnotdefined，npmrunbuild打包报错，vite打包时出现错误，vue3打包运行找不到process，热更新会报错UncaughtRefer
关于vite build后访问报错：Expected a JavaScript module script but the server responded with a MIME type of “
m0_67392661的博客
03-06 8995
问题说明 最近刚开始用上vite开发项目，结果就遇到了很多坑。 其中一个是，vite 项目 执行 “vite build” 并部署上线后，在浏览器中访问就会有以下关于路由的奇怪问题： 我们用嵌套路由开发的页面生成的路径，个别菜单在初次加载、或者二次刷新加载时，都会报错如：Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of “text/htm
解决报错Error: Transform failed with 1 error: error: Invalid option in transform() call: “jsx“
weixin_46787337的博客
11-24 8425
报错：Error: Transform failed with 1 error: error: Invalid option in transform() call: "jsx" 解决办法： 由于旧的 esbuild 版本，选项“jsx”无效 2 .手动安装最新版本的 esbuild 来解决它，但我认为最好也更新插件的 pacakge.json 版本 rollup-plugin-esbuild 版本：找到 插件 package.json 中的 esbuild手动修改esbuild 版本：0.12.7 3
vite升级
qq_17798999的博客
09-03 1641
import_vite.transformWithEsbuild) is not a function
vite+Vue3项目，终端报错 error: Transforming async generator functions to the configured target environme...
A012100的博客
11-13 4151
vite+Vue3项目，终端报错 error: Transforming async generator functions to the configured target environme...
【个人记录用】vue项目构建时lodash报错的解决方式
weixin_43957246的博客
10-29 1354
pnpm run build之后报了一堆in node_modules/.pnpm/@types+lodash@4.17.10/node_modules/@types/lodash/common/object.d.ts:1026:46 TS1005: ‘?’ expected.之类的错。参考文档为：https://segmentfault.com/a/1190000045295717。
hbuilderX运行Vue3/Vite版项目报错 error during build 解决方法
Hfuns
09-19 2255
hbuilderX运行Vue3/Vite版项目报错 error during build 解决方法
vite+项目打包时报错很多
彭世瑜的博客
06-29 508
解决办法也很简单，跳过ts检查，不然小错误没法打包通过。
vitepress项目打包失败报错及解决方案
weixin_43336525的博客
07-17 1725
vitepress项目打包失败
在项目没有使用但vite打包编译时报错crypto$2.getRandomValues is not a function怎么办
最新发布
02-12
### 解决 Vite 打包错误 `crypto$2.getRandomValues is not a function` 当遇到打包前端项目时报错 `TypeError: crypto$2.getRandomValues is not a function` 时，这通常是因为某些依赖库尝试访问 Node.js 的内置模块 `crypto`，而这些模块在浏览器环境中不可用。 #### 安装 polyfill 为了使应用程序能够在不修改源码的情况下正常工作，可以考虑引入一个 polyfill 来模拟缺失的功能。具体做法是在项目的根目录下创建或编辑 `vite.config.ts` 文件，并添加如下配置： ```typescript import { defineConfig } from 'vite'; import reactRefresh from '@vitejs/plugin-react-refresh'; export default defineConfig({ plugins: [reactRefresh()], resolve: { alias: { // 添加此行来处理 crypto 模块的问题 crypto: 'crypto-browserify', }, }, }); ``` 此外还需要通过 npm 或 yarn 安装所需的包: ```bash npm install crypto-browserify stream-browserify assert browserify-sign sha.js --save-dev ``` 以上设置会告诉 Webpack 使用 `crypto-browserify` 替代原生的 `crypto` 库[^1]。 #### 修改 package.json 中的 browserslist 字段 有时该问题是由于目标环境过旧造成的兼容性问题引起的。可以通过调整 `package.json` 文件中的 `browserslist` 配置项指定更现代的目标平台，从而避免不必要的 polyfills 被注入到最终构建产物中。 ```json { "browserslist": [ "> 0.5%", "last 2 versions", "not dead" ] } ``` 这样做有助于减少潜在冲突并提高性能表现[^3]。 #### 更新 node 版本 如果上述方法仍无法解决问题，则可能是本地使用的 Node.js 版本太低所致。建议升级至最新稳定版 LTS (Long Term Support)，因为较新的版本往往有更好的安全性和特性支持。对于大多数开发者而言，保持使用官方推荐的长期维护版本是一个不错的选择。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值