uni-app dev:h5时直报错

示例代码：

vue.runtime.esm.js:1443 SyntaxError: The requested module '/wap/node_modules/@dcloudio/uni-cli-shared/lib/preprocess/lib/regexrules.js?v=0fdc15b3' does not provide an export named 'json'
```

## 操作步骤：

vue.runtime.esm.js:1443 SyntaxError: The requested module ‘/wap/node_modules/@dcloudio/uni-cli-shared/lib/preprocess/lib/regexrules.js?v=0fdc15b3’ does not provide an export named ‘json’


## 预期结果：

vue.runtime.esm.js:1443 SyntaxError: The requested module ‘/wap/node_modules/@dcloudio/uni-cli-shared/lib/preprocess/lib/regexrules.js?v=0fdc15b3’ does not provide an export named ‘json’


## 实际结果：

vue.runtime.esm.js:1443 SyntaxError: The requested module ‘/wap/node_modules/@dcloudio/uni-cli-shared/lib/preprocess/lib/regexrules.js?v=0fdc15b3’ does not provide an export named ‘json’


## bug描述：

dev:h5 启动直接就报错

vue.runtime.esm.js:1443 SyntaxError: The requested module ‘/wap/node_modules/@dcloudio/uni-cli-shared/lib/preprocess/lib/regexrules.js?v=0fdc15b3’ does not provide an export named ‘json’


| 信息类别       | 详细信息                       |
|----------------|--------------------------------|
| 产品分类       | uniapp/H5                      |
| PC开发环境操作系统 | Windows                        |
| PC开发环境操作系统版本号 | windows 11                     |
| 浏览器平台     | 微信内置浏览器                 |
| 浏览器版本     | 最新版本                       |
| 项目创建方式   | CLI                            |
| CLI版本号      | 3.0.0-4000620240325001         |

ionicwang 1楼•7 天前

“@dcloudio/uni-app”: “3.0.0-4000620240325001”,
“@dcloudio/uni-app-plus”: “3.0.0-4000620240325001”,
“@dcloudio/uni-components”: “3.0.0-4000620240325001”,
“@dcloudio/uni-h5”: “3.0.0-4000620240325001”,
“@dcloudio/uni-mp-alipay”: “3.0.0-4000620240325001”,
“@dcloudio/uni-mp-baidu”: “3.0.0-4000620240325001”,
“@dcloudio/uni-mp-jd”: “3.0.0-4000620240325001”,
“@dcloudio/uni-mp-kuaishou”: “3.0.0-4000620240325001”,
“@dcloudio/uni-mp-lark”: “3.0.0-4000620240325001”,
“@dcloudio/uni-mp-qq”: “3.0.0-4000620240325001”,
“@dcloudio/uni-mp-toutiao”: “3.0.0-4000620240325001”,
“@dcloudio/uni-mp-weixin”: “3.0.0-4000620240325001”,
“@dcloudio/uni-mp-xhs”: “3.0.0-4000620240325001”,
“@dcloudio/uni-quickapp-webview”: “3.0.0-4000620240325001”,
“@dcloudio/uvm”: “^0.3.1”,

vueper 2楼•7 天前

“@dcloudio/types”: “^3.3.2”,
“@dcloudio/uni-automator”: “3.0.0-4000620240325001”,
“@dcloudio/uni-cli-shared”: “3.0.0-4000620240325001”,
“@dcloudio/uni-stacktracey”: “3.0.0-4000620240325001”,
“@dcloudio/vite-plugin-uni”: “3.0.0-4000620240325001”,
“@vue/runtime-core”: “^3.3.11”,
“vite”: “4.3.5”,

htzhanglong 3楼•7 天前

在使用 uni-app 开发 H5 时遇到报错，可能有多种原因。以下是一些常见的排查步骤和解决方案，帮助你定位和解决问题：

1. 查看错误信息

打开浏览器的开发者工具（F12），查看控制台的错误信息。
错误信息通常会提示具体的问题，比如模块加载失败、语法错误、依赖缺失等。

2. 检查代码语法

确保你的代码没有语法错误，尤其是 vue 文件中的 <template>、<script> 和 <style> 部分。
如果使用了 TypeScript，检查 tsconfig.json 配置是否正确。

3. 检查依赖

确保所有依赖已正确安装，运行以下命令：
```
npm install
```
如果依赖缺失或版本冲突，可以尝试删除 node_modules 和 package-lock.json，然后重新安装：
```
rm -rf node_modules package-lock.json
npm install
```

4. 检查 uni-app 版本

确保 uni-app 的版本是最新的，运行以下命令更新：
```
npm install @dcloudio/uni-app -g
```
如果项目中使用了特定的插件或组件，确保它们的版本与 uni-app 兼容。

5. 检查 H5 配置

在 manifest.json 中检查 H5 的配置是否正确，比如 router 模式、publicPath 等。
如果使用了自定义配置，确保配置无误。

6. 检查跨域问题

如果在 H5 开发中请求接口时出现跨域问题，可以配置代理解决。在 vue.config.js 中添加：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://your-api-domain.com',
        changeOrigin: true,
        pathRewrite: { '^/api': '' },
      },
    },
  },
};

7. 检查组件或插件问题

如果使用了第三方组件或插件，可能是它们导致的错误。尝试注释掉相关代码，逐步排查。

确保组件的引入方式正确，比如：

import MyComponent from '@/components/MyComponent.vue';

8. 清除缓存

清除浏览器的缓存，或者尝试使用无痕模式打开页面。
如果是开发环境，可以尝试重启开发服务器：
```
npm run dev:h5
```