Vue3安装pixi.js 项目无法识别 ?. 语法,导致报错Module parse failed: Unexpected token

error in ./node_modules/@pixi/assets/lib/resolver/parsers/resolveTextureUrl.mjs

Module parse failed: Unexpected token (9:62)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| test: loadTextures.test,
| parse: (value) => ({

> resolution: parseFloat(settings.RETINA_PREFIX.exec(value)?.[1] ?? "1"),
| format: value.split(".").pop(),
| src: value

**@ ./node_modules/****@pixi/**assets/lib/index.mjs 20:0-77 20:0-77

pixi.js 是最新版本,7.2.4

低版本没发现有问题

问题原因:

因为导入的组件库是直接上源码的,必须告知webpack,需要编译一下这个库,让源码中的es6、es7的特性转换为es5

解决方案:

1.在vue.config.js 里面加上 transpileDependencies: ['/@pixi/']

module.exports = {

transpileDependencies: ['/@name/']

}

name 找报错的node_modules 里依赖的路径 **@ ./node_modules/****@pixi/**assets/lib/index.mjs 20:0-77 20:0-77

参考:项目无法识别 ?. 语法,导致报错Module parse failed: Unexpected token

相关推荐
微小冷7 分钟前
Rust异步编程详解
开发语言·rust·async·await·异步编程·tokio
CappuccinoRose11 分钟前
JavaScript 学习文档(二)
前端·javascript·学习·数据类型·运算符·箭头函数·变量声明
A9better11 分钟前
C++——不一样的I/O工具与名称空间
开发语言·c++·学习
清水白石00814 分钟前
《为什么说 deque 是 Python 滑动窗口的“隐藏神器”?深入解析双端队列的高效之道》
开发语言·python
杜子不疼.15 分钟前
Ascend_C自定义算子开发
c语言·开发语言
这儿有一堆花17 分钟前
Vue 是什么:一套为「真实业务」而生的前端框架
前端·vue.js·前端框架
WooaiJava30 分钟前
流式TTS音频播放项目 - 面试问答(后端)
java·开发语言
全栈前端老曹31 分钟前
【MongoDB】深入研究副本集与高可用性——Replica Set 架构、故障转移、读写分离
前端·javascript·数据库·mongodb·架构·nosql·副本集
新缸中之脑39 分钟前
开发AI代理必备的8个Python 库
开发语言·人工智能·python
暴走十八步42 分钟前
PHP+vscode开启调试debug
开发语言·vscode·php