Taro+nutui+vue3+ts 打包微信小程序 Cannot read property 'setupContext' of null和 Cannot read property 'isCE' of null 怎么解决

这两个错误通常是由于 Taro 和 NutUI 版本不兼容所导致的。解决方法如下：

1. 升级 Taro 和 NutUI 到最新版本。在 package.json 中分别将 "@tarojs/taro" 和 "nutui" 的版本号修改为最新版本，然后重新运行 npm install 命令安装最新版本。

2. 如果升级 Taro 和 NutUI 后仍然出现以上错误，可以尝试在 Taro 的配置文件 config/index.js 中添加以下代码：

h5: {
  webpackChain (chain, webpack) {
    chain.plugin('definePlugin')
      .tap(args => {
        args[0]['process.env.TARO_ENV'] = JSON.stringify('h5')
        args[0]['process.env.NUTUI_ENV'] = JSON.stringify('h5')
        return args
      })
  }
},

以上代码是为了在编译时将 Taro 和 NutUI 的环境变量设置为 h5，从而避免和微信小程序的环境变量冲突。

如果还有其他问题，可以在评论区留言，我会尽快回复。

相关问题

Taro+nutui 打包微信小程序 Cannot read property 'setupContext' of null 怎么解决

这个错误通常是因为在使用 Taro 和 NutUI 进行微信小程序开发时，没有正确地导入 NutUI 的样式文件所导致的。你可以尝试以下解决方法：

1. 在 app.wxss 文件中导入 NutUI 样式文件。在 app.wxss 文件中添加以下代码：

@import "path/to/nutui.wxss";

其中，"path/to/nutui.wxss" 是 NutUI 样式文件的相对路径。

2. 确保 NutUI 的样式文件已经正确安装。使用以下命令安装 NutUI：

npm install nutui --save

3. 如果以上两种方法都不能解决问题，可以尝试在 Taro 的配置文件中添加以下代码：

plugins: [
  // ...
  ['@tarojs/plugin-css', {
    postcss: {
      options: {
        plugins: [
          require('postcss-import')(),
          require('postcss-url')(),
          require('postcss-nested')(),
          require('postcss-cssnext')(),
          require('nutui/postcss')() // 添加这一行
        ]
      }
    }
  }]
]

以上是几种常见的解决方法，希望能够帮到你解决问题。

Taro+nutui+vue3+ts 打包微信小程序 微信开发者工具报Cannot read property 'setupContext' of null和 Cannot read property 'isCE' of null 并且nutui组件未引用 怎么解决

这两个错误通常是由于 NutUI 组件未正确引用所导致的。解决方法如下：

1. 确保已经在 main.ts 文件中全局引入了 NutUI 组件库。在 main.ts 文件中添加以下代码：

import { createApp } from 'vue'
import NutUI from '@nutui/nutui'
import '@nutui/nutui/dist/nutui.css'

NutUI.install(app)

其中，@nutui/nutui 是 NutUI 组件库的包名，需要先使用 npm install 命令安装。

2. 确保在使用 NutUI 组件时已经正确引入组件。例如，在使用 Button 组件时，需要在组件中添加以下代码：

<template>
  <nut-button>按钮</nut-button>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import { NutButton } from '@nutui/nutui'

NutButton.install(app)

export default defineComponent({
  components: {
    NutButton
  }
})
</script>

以上代码中，需要先在组件中使用 import 引入 NutButton 组件，然后在 components 选项中注册组件。

如果以上两种方法都不能解决问题，可以尝试升级 Taro 和 NutUI 到最新版本，或者重装 Taro 和 NutUI。

如果还有其他问题，可以在评论区留言，我会尽快回复。