【taro react】---- 编译微信小程序后报错：Error: Minified React error #321；

已于 2022-08-17 16:01:15 修改
阅读量2.2k 收藏 2
点赞数
分类专栏： Taro React 入门到实战系列 React 文章标签： react.js 微信小程序 前端
于 2022-05-25 09:59:16 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_38082783/article/details/124959644
版权

1. 错误图片

在这里插入图片描述

2. 报错场景

taro 3.2.12 react 编译成微信小程序，微信开发者工具打开编译后的项目报错！

3. 解决办法

  1. 删除 node_modules 文件夹
  2. 重新安装，执行
yarn

在这里插入图片描述

4. 结果

解决报错！

在这里插入图片描述

附：返回总目录的传送门如下
->返回总目录<-

Rattenking
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 4
    评论
专栏目录
订阅专栏
引入react文件报错_npm引入React Hooks轮子库报错Minified React error#321的解决方法
weixin_28716181的博客
01-01 5171
最近把自己（未完待续）的轮子库 cui-demo 尝试发布到 npm 上，在测试项目中尝试引用时，报了一个无情的错。Minified React error#321「不看废话版」排除了我的代码问题后，这个报错的原因应该是我的轮子库没有成功获取到测试项目（宿主环境）的依赖 react 和 react-dom 。解决方法如下：1. 在 webpack 配置中将 react 和 react-dom 标记...
echarts-taro3-react:taro3.x-react构建的微信小程序echarts组件，及使用示列
04-28
echarts-taro3-react基于Taro3.x-React框架构建的微信小程序版本echarts组件，及使用示例代码体积过大解决方案：使用分包，自定义echart.js，自行前往（注意：版本需要选择4.9.0，不要勾选压缩，可下载下来后自行...
react引入插件报错Error: Minified React error #321
哈哈哈，呜呜呜
10-11 7099
当下载的时候，它会自动更新到中间那个数字（minor version）的最新版本，比如：“~4.2.0”，库就会更新到 4.2.X 的最新版本，但是不会更新到4.3.X版本，波浪符号是曾经 npm 安装时候的默认符号，现在已经变为了插入符号。react-redux 是依赖 react 的，放到redux这个入口，打包会产生两个react实例，解决办法很简单，移动到 vendor 的入口，再打包就不会出现这个问题了。可以看到他的版本已经升级到了 16.14.0😮，也就是说他是支持hook的。
Taro + React + Tailwind 开发微信小程序问题汇总（持续更新中...)
最新发布
恰排骨芸豆包嘛的博客
05-09 693
搞小程序也有两周了，踩了很多坑，有些问题很难搜索到，在这里记录一下问题和自己的解决方案，希望能帮助到需要的小伙伴～
Error: Minified React error #321；
weixin_55736687的博客
03-06 403
Error: Minified React error #321;
Unhandled promise rejection Error: Minified React error #321； visit https://reactjs.org/docs/error-d
qq_46149597的博客
03-31 1528
use开头的钩子函数，必须写在函数外部。要将hook写在函数外部。
taro 打包微信小程序运行失败（二）
weixin_34122604的博客
11-25 739
1.报错信息 thirdScriptError sdk uncaught third Error Cannot read property 'dispatch' of null TypeError: Cannot read property 'dispatch' of null 2.解决方案 .
taro运行react项目报错
weixin_47000135的博客
12-23 1149
因为taro版本过高，自行降低到项目用的版本就行 安装指定版本 npm install @tarojs/cli@3.0.5
基于Taro和Taro-UI实现仿知乎微信小程序源码+项目说明.7z
12-15
基于Taro和Taro-UI仿知乎微信小程序源码+项目说明.7z 【项目技术栈】 前端技术: Taro + Taro-router UI 组件库: Taro-ui 前端脚手架: Taro-cli 该项目采用前后端分离技术，前端使用 Taro 二次开发来自 React 框架，...
一键反编译微信小程序获取源码，并转换为uniapp或taro跨端项目
01-06
一键反编译微信小程序获取源码，并转换为uniapp或taro跨端项目
taro-wemark:微信小程序markdown渲染库-Taro框架适配版本
05-09
微信小程序markdown渲染库-Taro框架适配版本 原版链接 GitHub地址： 使用方法 1、将src目录复制到自己的项目中，目录更名为taro-wemark。 2、在页面中使用 // 引入组件 import Taro, { Component } from '@tarojs/...
react-hooks-outside:从组件外部调用react挂钩
05-24
React钩外 从组件外部调用react挂钩 安装 使用npm： npm install --save react-hooks-outside 导入模块 // using ES6 modules import { ReactHooksWrapper, setHook, getHook } from "react-hooks-outside"; 原料药 setHook（name，hook） getHook（name） 演示版 例子 将<ReactHooksWrapper>组件添加到App.js文件并声明一些钩子 import { ReactHooksWrapper , setHook } from 'react-hooks-outside' ; import React from 'react' ; // import { useHistory } from "r
taro-with-nextjs:一个同时具备微信小程序和H5服务器渲染的方案
03-16
并且实现后小程序端性能良好，H5端性能极好 思路 大体想法就是，用Taro使用React语法使用正确的简单的框架功能去实现页面，小程序端能自己独立跑起来，Next.js负责H5 SSR，公用小程序页面代码，因此Taro只负责小程序...
react常见的报错问题
Claire_Moon的博客
09-17 2544
上图 这个是因为NODE_ENV 的环境配置 与 webpack 的版本不匹配造成的 解决方法 在 ** webpack.config.js ** 文件中， plugins中添加代码： 出现报错 或者报错信息为 app.js:6 Uncaught Error: Minified React error #321; visit https://reactjs.org/docs/erro...
taro3.3.12升级至3.5.8解决支付宝小程序启动基础库2.0构建报错---slot 的祖先节点中未找到 element
hanchengmei的博客
12-07 1713
taro3.3.12升级至3.5.8解决支付宝小程序启动基础库2.0构建报错---slot 的祖先节点中未找到 element
react 踩坑大全
cy5849203的专栏
01-12 770
react 踩坑大全
React踩坑记录：Error: Minified React error #31；
热门推荐
追风Programer的博客
07-29 1万+
根据react官网给出的提示，我们可以清晰的知道，这是由于我们代码书写的错误，导致react组件在render的时候，有一个孩子组件没有正确的返回react支持的数据结构，那么react组件支持render函数返回什么呢？很明显字符串、JSX和数组都可以，于是我们去排查代码。很明显，是react框架爆出来的错，遇到这种问题，别慌，先去看对应的介绍，先打开它提示的这个网址去看看啥情况，于是我们点开。的缩写，由于我们在这里返回了一个对象，所以导致了react框架报出了这个错误，所以，我们只需进行更改就好了。..
react报错 Minified React error #152；
weixin_43163869的博客
12-15 7049
react编译后打包到oss上 程序某个页面白屏 报错信息如下: dabaopkg.chunk.js:2 Error: Minified React error #152; visit https://reactjs.org/docs/error-decoder.html?invariant=152&args[]=a for the full message or use the non-minified dev environment for full errors and additional
[Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/@tarojs/cli/templates/taro-temp']
08-17
这个错误提示表明在尝试创建目录 `/usr/local/lib/node_modules/@tarojs/cli/templates/taro-temp` 时，权限被拒绝。这通常是由于当前用户没有足够的权限来创建该目录导致的。 有几种解决方法可以尝试： 1. 使用 sudo 命令：以管理员身份运行命令可以获得足够的权限来创建目录。在命令前添加 `sudo` 前缀，然后输入管理员密码来执行命令。例如： ```shell sudo npm install -g @tarojs/cli ``` 这样会用管理员权限全局安装 Taro CLI，但请注意在使用 `sudo` 时要小心操作，确保你信任正在执行的命令。 2. 更改全局 npm 包的安装目录：将全局 npm 包的安装目录更改为当前用户拥有的目录，可以避免权限问题。可以通过设置 npm 的全局安装前缀来实现。首先，创建一个新的目录用于存放全局 npm 包： ```shell mkdir ~/.npm-global ``` 然后，配置 npm 的全局安装前缀为该目录： ```shell npm config set prefix '~/.npm-global' ``` 最后，将 `~/.npm-global/bin` 添加到 PATH 环境变量中，以便可以直接运行全局安装的包： ```shell echo 'export PATH=~/.npm-global/bin:$PATH' >> ~/.bashrc source ~/.bashrc ``` 现在，你可以尝试重新安装 Taro CLI： ```shell npm install -g @tarojs/cli ``` 它会将 Taro CLI 安装到你的用户目录下，而不需要管理员权限。 3. 使用 npx 运行 Taro CLI：如果你不想全局安装 Taro CLI，也可以使用 npx 来临时运行它，而不需要安装到全局。例如： ```shell npx @tarojs/cli init myApp ``` 这将使用 npx 临时安装和运行 Taro CLI，而不会对全局环境做任何更改。 尝试以上方法后，应该能够解决权限问题并成功安装和运行 Taro CLI。如果问题仍然存在，请进一步检查你的系统权限和配置，并查看相关文档或社区讨论以获取更多帮助。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Rattenking

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值