如何在 vite 中使用 psd.js？ERROR: No loader is configured for “.coffee“ files: node_modules/psd/lib/psd.cof

已于 2024-02-19 15:36:01 修改
阅读量539 收藏
点赞数 3
文章标签： javascript 开发语言 ecmascript
于 2024-02-14 14:45:09 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46184095/article/details/136113355
版权
文章讲述了在Vite不直接支持CoffeeScript时，作者面临的问题，提出需手动配置或寻找社区插件如webpack，特别提到了使用webpack处理psd.js替代库的过程，以及webpack配置相对复杂的情况。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

直接说答案吧，无解，需要切换成 webpack

目前Vite官方并未提供直接支持CoffeeScript的插件，这意味着可能需要手动配置或寻找社区插件。

要么寻找 psd.js 的替代库，要么切换成 webpack，目前我正在考虑切换成 ag-psd 作为替代。

因为 webpack 没有那么开箱即用，配置相对繁琐。

Error: Build failed with 1 error:
node_modules/psd/index.js:2:25: ERROR: No loader is configured for ".coffee" files: node_modules/psd
最低0.47元/天 解锁文章
node核心模块之读取文件
likeuzi的博客
08-15 402
// 基本的读取文件 const fs = require("fs"); const path = require("path"); //异步读取文件 console.time('async'); fs.readFile(path.join(__dirname,"../world/name.txt"),"utf8",(error,data)=> { if(error) throw erro
比 PSD.js 更强的下一代 PSD 解析器，支持 WebAssembly
yuxingwu9872的博客
04-27 1010
webtoon/ps 是 Typescript 中轻量级 Adobe Photoshop .psd/.psb 文件解析器，对 Web 浏览器和 NodeJS 环境提供支持，且做到零依赖。@webtoon/ps 使用标准 ES2015+ 功能，因为零依赖性使其比其他 PSD 解析器（ag-psd：200 KiB，PSD.js：443 KiB）更小，压缩后只有大约 100 KiB，同时使用 WebAssembly 来加速图像数据的解码。
No loader is configured for “.node“ files: node_modules/_trtc-electron-sdk@10.7.405@trtc-electron-sd
个人网站：https://www.longzipeng.online
03-21 2728
No loader is configured for ".node" files: node_modules/_trtc-electron-sdk@10.7.405@trtc-electron-sd
[ERROR] No loader is configured for “.node“ files: node_modules/fsevents/fsevents.node_moudules/....
刚刚开始写播客....
03-04 1969
【代码】[ERROR] No loader is configured for “.node“ files: node_modules/fsevents/fsevents.node_moudules/....
vite项目中使用第三方js文件本地化使用
热门推荐
weixin_45315794的博客
12-29 2万+
vite项目中使用第三方js文件包，文件本地化引用 在vite项目中使用第三方包，将其本地化，在index.html文件中使用script引用本地js文件，那么这个js文件包如何放置和如何引用呢？在js代码中用js文件包，使用绝对路径，又是如何操作的呢？ 方法一： 将文件包放置在public中即可，无任何操作 1、第三方js文件包放置的文件 在vite项目中，我们可以将第三方文件包放置在根目录下的public文件(项目中没有，自己创建）下。 2.在html中引用方式： /lib/文件包.js 这种方式是最简
No loader is configured for “.node“ files: node_modules/.pnpm/fsevents@2.3.3/node_modules/fsevents
qq_21480329的博客
11-17 755
No loader is configured for ".node" files: node_modules/.pnpm/fsevents@2.3.3/node_modules/fsevents
探索Ag-PSD：一款创新的Photoshop PSD解析库
gitblog_00075的博客
04-20 965
探索Ag-PSD：一款创新的Photoshop PSD解析库 项目地址:https://gitcode.com/gh_mirrors/ag/ag-psd 如果你是一个开发者，经常需要处理Photoshop（PSD）文件，那么可能是你需要的强大工具。这是一个开源的、基于Node.js的PSD解析库，能够帮助你轻松地读取和理解PSD文件的结构，为你的项目带来更多的可能性。 项目简介 Ag-PSD由开...
【javascript】解析psd文件踩坑
不忘初心，坚定道路！
10-15 2792
前言 最近一直在做解析psd，踩了很多坑，特此总结下。 psd.js 最开始解析psd自然想到使用node，由于psd.js是node和浏览器都可以用，所以就使用psd.js试了下。 这里就有个坑，3.3.0版本与3.2.2版本由于config配置修改，导致node上只能获取浏览器版本。所以想在node上解析psd的需要使用3.2.1版本。 另外我尝试使用ag-psd这个库解析了下，发现解析出来的格式不太好，并且没有位置信息。 psd.js在node上解析依然存在坑。由于这个库在解析图片时并不会释放内
探索PSD文件的无限可能：ag-psd库全面解析
gitblog_00884的博客
10-10 1101
探索PSD文件的无限可能：ag-psd库全面解析 ag-psd Javascript library for reading and writing PSD files 项目地址: https://gitcode.com/gh_m...
ag-psd 项目使用教程
gitblog_00999的博客
10-10 756
ag-psd 项目使用教程 ag-psd Javascript library for reading and writing PSD files 项目地址: https://gitcode.com/gh_mirrors/ag/a...
基于Vue的PSD解析在线设计器源码
09-29
该项目是一款基于Vue的高效在线设计器源码，包含256个文件，涵盖117个TypeScript文件、76个Vue组件、34个SVG图形、10个JSON配置、5个Less样式文件、3个Markdown文档、2个PNG图片以及1个开发环境和1个生产环境的配置文件。该设计器支持PSD文件的导入与解析，适用于海报、广告、logo设计以及AI图像合成等多种场景。常用于制作二维码海报、图片海报、电商产品图等，非常适合节假日活动、名片设计等多样化的设计需求。访问[http://gzm-design.guozimi.cn/#/editor](http://gzm-design.guozimi.cn/#/editor)即可体验其强大功能。
vite-svg-loader:Vite 2.x插件可将SVG文件作为Vue组件加载
05-13
Vite SVG装载机 Vite 2.x插件可将SVG文件作为Vue组件加载。 < template> < MyIcon> </ template> < script setup > import MyIcon from ' ./my-icon.svg ' </ script > 安装 npm install vite-svg-loader --save-dev 设置 vite.config.js import svgLoader from 'vite-svg-loader' export default { plugins : [ vue ( ) , svgLoader ( ) ] } 与TypeScript一起使用 如果在Typescript项目中使用加载程序，则可能会收到类似Type 'string' is not assignable to type 'Compo
Ag-psd 项目常见问题解决方案
最新发布
gitblog_00120的博客
01-26 344
Ag-psd 项目常见问题解决方案 ag-psd Javascript library for reading and writing PSD files 项目地址: https://gitcode.com/gh_mirrors/...
vite学习笔记
weixin_50636581的博客
10-09 1707
vite相关学习
Unexpected character '#'
Amy的博客
12-17 1万+
记两个编译报错（项目环境：vue-cli3） 我在项目中引入了一个可以把 psd 文件转成 json 的库 psd.js，然后就报了下面这两个错误 第一个： 1. 报错信息 Module parse failed: Unexpected character '#' (1:0) You may need an appropriate loader to handle this file type. ...
PSD.js 项目常见问题解决方案
gitblog_00152的博客
11-06 371
PSD.js 项目常见问题解决方案 psd.js A Photoshop PSD file parser for NodeJS and browsers 项目地址: https://gitcode.com/gh_mirrors/p...
psd.js 解析PSD文件
Peanutfight的博客
07-16 6265
psd.js解析PSD文件。
Vue3（笔记）
毕业才是起点
08-22 466
使用vite创建 什么是vite？ - 新一代前端构建工具传统构建与vite构建对比图 创建步骤 具体应用 常用 Composition API 官方文档 ref函数 作用：定义一个响应式的数据 语法 ① 创建一个包含响应式数据的引用对象（reference对象，简称ref对象） ② JS中操作数据：xxx.value ③ 模板中读取数据：不需要.value,直接 备注：ref函数_处理基本类型 && ref函数_处理对象类型 reactive函数 作用: 定义一个对象类型的响应式数据（基本类型不
Uncaught DeveloperError {name: 'DeveloperError', message: 'options.layer is required.', stack: 'Error\n at new DeveloperError (http://localhost:…ode_modules/.vite/deps/vue.js?v=f0c36271:5217:13)'} message : "options.layer is required." name : "DeveloperError" stack : "Error\n at new DeveloperError (http://localhost:5173/node_modules/.vite/deps/cesium.js?v=f0c36271:7958:11)\n at new WebMapTileServiceImageryProvider (http://localhost:5173/node_modules/.vite/deps/cesium.js?v=f0c36271:181371:11)\n at http://localhost:5173/src/App.vue?t=1686290632380:39:1\n at http://localhost:5173/node_modules/.vite/deps/vue.js?v=f0c36271:4077:88\n at callWithErrorHandling (http://localhost:5173/node_modules/.vite/deps/vue.js?v=f0c36271:1567:18)\n at callWithAsyncErrorHandling (http://localhost:5173/node_modules/.vite/deps/vue.js?v=f0c36271:1575:17)\n at hook.__weh.hook.__weh (http://localhost:5173/node_modules/.vite/deps/vue.js?v=f0c36271:4057:19)\n at flushPostFlushCbs (http://localhost:5173/node_modules/.vite/deps/vue.js?v=f0c36271:1733:41)\n at render2 (http://localhost:5173/node_modules/.vite/deps/vue.js?v=f0c36271:7735:5)\n at mount (http://localhost:5173/node_modules/.vite/deps/vue.js?v=f0c36271:5217:13)" [[Prototype]] : Error
06-10
这个错误信息看起来是开发过程中的一个错误。根据错误信息来看，似乎是在使用 CesiumJS 库中的 WebMapTileServiceImageryProvider 时，没有传递必要的参数 options.layer，导致生成一个开发者错误（DeveloperError）。需要检查代码中使用 WebMapTileServiceImageryProvider 的地方，确保传递了必要的参数。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值