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

相关推荐
從南走到北5 分钟前
JAVA同城信息付费系统家政服务房屋租赁房屋买卖房屋装修信息发布平台小程序APP公众号源码
java·开发语言·小程序
月夜的风吹雨6 分钟前
【C++红黑树】:自平衡二叉搜索树的精妙实现
开发语言·c++·红黑树
LFly_ice9 分钟前
学习React-22-Zustand
前端·学习·react.js
TechMasterPlus16 分钟前
java:单例模式
java·开发语言·单例模式
南山安25 分钟前
从反转字符串看透面试官的“内心戏”:你的算法思维到底怎么样?
javascript·算法·面试
东华帝君25 分钟前
vue3自定义v-model
前端
www_stdio25 分钟前
用 localStorage 打造本地待办清单:一个轻量级的前端实践
javascript·css·json
栗子~~40 分钟前
java-根据word模板灵活生成word文档-demo
java·开发语言·word
fruge1 小时前
搭建个人博客 / 简历网站:从设计到部署的全流程(含响应式适配)
前端
光影少年1 小时前
css影响性能及优化方案都有哪些
前端·css