当前位置: 首页 > news >正文

electron-Vue: Module parse failed: Unexpected character ‘ ‘


electron-Vue项目中,我自己写了一个node的C++扩展(xx.node),然后在.vue文件里import它,然后运行npm run electron:serve,报错如下:
​​在这里插入图片描述
electron-Vue打包默认使用webpack,默认情况下webpack没有对xx.node的加载器(loader),需要进行配置。配置如下:
vue.config.js文件里

const path = require("path");module.exports = {// 其它配置// 2024/06/05 更新: 区分以下开发环境与发布环境chainWebpack: (config) => {if (process.env.NODE_ENV !== 'production') {config.module.rule('native').test(/\.node$/).use('native-ext-loader').loader('native-ext-loader').options({rewritePath: path.resolve(__dirname, "src/utils/napi/build/Release/")});} else {config.module.rule('native').test(/\.node$/).use('native-ext-loader').loader('native-ext-loader').options({basePath: ["app.asar", ".."] // 最后xx.node被electron.builder打包到app.asar中了});}},
};

参考:

  1. https://blog.csdn.net/weixin_43398820/article/details/106825050
  2. https://webpack.docschina.org/loaders/node-loader/
  3. https://www.npmjs.com/package/native-ext-loader
  4. https://cli.vuejs.org/zh/guide/webpack.html
http://www.lryc.cn/news/369648.html

相关文章:

  • 贪心算法-数组跳跃游戏(mid)
  • C++经典150题
  • 超详解——Python 序列详解——基础篇
  • DVWA-DC-6
  • ubuntu早期版本以及18.04后的版本,通过rc.local配置开机自启
  • 【环境搭建】1.阿里云ECS服务器 安装jdk8
  • idea插件开发之定义侧边栏
  • HarmonyOS未来五年的市场展望
  • R语言:什么是向量化操作(Vectorization)?
  • Python 机器学习 基础 之 【实战案例】中药数据分析项目实战
  • python中报错“ModuleNotFoundError: No module named ‘docx2txt‘”
  • json.dumps参数
  • 未来已来,划时代革命性产品——全息数字人管家系统,全网首发
  • psql导入数据报错排查
  • 项目:双人五子棋对战-对战模块(6)
  • LeakSearch:针对网络公开凭证的安全扫描与检测工具
  • ArcoDesgin a-model中自定义样式model-class无效
  • 持续总结中!2024年面试必问 20 道分布式、微服务面试题(十)
  • 北航第四次数据结构与程序设计编程题复习
  • golang调用外部程序包os/exec中的 Command和CommandContext 函数创建的Cmd对象的区别
  • Redis进阶知识个人汇总
  • 从中序与后序遍历序列构造二叉树-力扣
  • 操作系统期末复习(大题)
  • 解决富文本中抖音视频无法播放的问题——403
  • 2024最新华为OD机试(C卷+D卷)真题目录+使用说明+在线评测
  • hana 中的缓存视图功能,类似ORACLE 中的 物化视图功能
  • express入门02静态资源托管
  • Java常见的引用类型
  • 使用易备数据备份软件,简单快速地备份 Oracle 数据库
  • 基于SSM+Jsp的交通事故档案管理系统