s***@ecwf.cn
s***@ecwf.cn
  • 发布:2022-03-26 10:39
  • 更新:2024-01-23 17:39
  • 阅读:7077

uniapp vue3.0 H5 无法使用require加载模块

分类:uni-app

代码:const path = require('path')

异常:Uncaught ReferenceError: require is not defined

疑问:
官网文档中提到vue2.0升级到vue3.0的样例如下:

// 之前 - Vue 2, 使用 commonJS
var utils = require("../../../common/util.js");

// 之后 - Vue 3, 只支持 ES6 模块
import utils from "../../../common/util.js";

不知道是否表示uniapp中的vue3.0不支持require,
但是部分js如jweixin.js,微信官网要求使用AMD或CMD载入,
我应该怎么办?

社区中提供的方案:https://ask.dcloud.net.cn/article/id-35380
方案一:模块化 require无法使用;
方案二:全局引入 直接报 wx is not defined

2022-03-26 10:39 负责人:无 分享
已邀请:
7***@qq.com

7***@qq.com

一样,在vue3中require无法引入,只能用import.

  • 7***@qq.com

    照着文档写也不行,这里的文档是不是没更新? https://uniapp.dcloud.net.cn/vernacular.html#%E5%A4%96%E9%83%A8%E6%96%87%E4%BB%B6%E5%BC%95%E7%94%A8%E6%96%B9%E5%BC%8F%E5%8F%98%E5%8C%96

    2023-07-27 16:22

不卡BUG

不卡BUG

大哥解决了吗?怎么解决的?

  • 9***@qq.com

    在Vue3模式下 Vite构建支持import 静态资源

    import img from '@/static/image.png'


    <image :src="img" />

    2023-12-07 09:40

帕鲁

帕鲁

vite的原因吧,你看看这里https://vitejs.cn/vite3-cn/guide/features.html#glob-import

要回复问题请先登录注册

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容