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

这篇具有很好参考价值的文章主要介绍了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文章来源地址https://www.toymoban.com/news/detail-665031.html

到了这里,关于Vue3安装pixi.js 项目无法识别 ?. 语法,导致报错Module parse failed: Unexpected token的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Vue3.0 vue.js.devtools无法显示Pinia调试工具

    之前的配置方式: 更新配置方式: 设置之后即可显示调试工具

    2024年03月11日
    浏览(55)
  • nodejs版本过高导致vue-cli项目无法正常运行解决方案

    报错信息: 由于nodejs版本过高,导致vue-cli项目运行报错。  解决方案1:每次启动项目前,输入配置命令: 解决方案2:修改package.json配置文件: 修改前: 修改后:  修改内容:

    2024年02月11日
    浏览(59)
  • Vue项目中app.js过大,导致web初始化加载过慢问题

    1、删除多余不需要的库: npm uninstall xxx 如例如moment库文件是很大的可以直接放到index.html文件直接CDN引入 2、修改/config/index.js配置文件:将productionGzip设置为false ​ 3、设置vue-router懒加载 懒加载配置: ​ 非懒加载配置: ​ 4、在webpack.prod.conf.js文件中修改配置: ​ 5、在in

    2024年02月11日
    浏览(42)
  • vue3创建项目,vite+js

    之前的时候大哥就让我自己搭架子,但是我拖延症,现在用到了,得自己搭了 我的项目都放到了 VuePorjects这个目录里面, 一、先进入到指定工作目录,(不是你要创建的项目的名称哈) 二、创建vue3项目,安装创建项目  @latest是项目名称,可以自己修改项目名称,然后选择

    2024年02月16日
    浏览(66)
  • vue3项目中使用three.js

    在vue3项目中,通过three.js使用了一段短小但完整的代码实现了实际的三维效果图。 Three.js是一个轻量级,跨平台的Javascript库,可以在浏览器上结合HTML5的canvas,SVG或者WebGL,创建和展示3D模型和动画。 Three.js允许我们在不依赖任何浏览器插件的情况下,创建一个GPU加速的3D动画场

    2024年01月23日
    浏览(52)
  • vite+vue3+ts项目中提示无法找到模块

    今天在开发过程中碰到了导入模块时提示无法找到模块这个问题,分享一下我的解决思路 首先产生这个错误是: 无法找到模块XXX,并且提示\\\'XXX\\\' is declared but its value is never read 产生这个问题的原因是我们使用了ts语法,他只能识别.ts文件,并不能识别.vue文件,所以在引入组件

    2024年02月11日
    浏览(55)
  • vue3+vite+ts项目集成科大讯飞语音识别(项目搭建过程以及踩坑记录)

    🐱 个人主页: 不叫猫先生 🙋‍♂️ 作者简介:前端领域新星创作者、阿里云专家博主,专注于前端各领域技术,共同学习共同进步,一起加油呀! 💫系列专栏:vue3从入门到精通、TypeScript从入门到实践 📢 资料领取:前端进阶资料以及文中源码可以找我免费领取 🔥 前端

    2023年04月09日
    浏览(49)
  • vue3项目引入本地js文件,实现一个音频播放按钮

    目前有一个需求就是在网页上放置一个音乐控制按钮,并且是在vue3项目里面。于是小白的我遇到了2个问题,第一个问题是如何实现没有进度条的播放按钮,这个网上有现成的代码,可以通过js代码切换不同的图片或者是别的样式,并不算难;第二个问题是如何在vue3项目中引

    2024年02月19日
    浏览(57)
  • Vue3创建项目(四)main.js配置,避坑指南

    第一篇 Vue3创建项目(一)新手教程 第二篇 Vue3创建项目(二)router路由配置和使用  第三篇 Vue3创建项目(三)Vuex配置 目录  系列文章目录  main.js配置,直接看图,如下: 前言:   //main.js 配置 顺序依次如下,不能乱!!!!乱了容易报错 安装element-plus命令 安装路由  

    2024年02月01日
    浏览(57)
  • 迈向三维:vue3+Cesium.js三维WebGIS项目实战

    写在前面:随着市场对数字孪生的需求日益增多,对于前端从业者的能力从对框架vue、react的要求,逐步扩展到2D、3D空间的交互,为用户提供更紧密的立体交互。近年来前端对GIS的需求日益增多。本文将记录WebGIS的学习之旅,从实战项目入门,挖掘Cesium.js API,并逐步丰富项目

    2024年04月24日
    浏览(69)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包