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 = {configureWebpack: {module: {rules: [{test: /\.node$/,loader: "native-ext-loader",options: {rewritePath: path.resolve(__dirname, "src/utils/napi/build/Release/")}}]}}
};
options中rewritePath: path.resolve(__dirname, "src/utils/napi/build/Release/"的作用:
解决打包后找不到包。
参考:
- https://blog.csdn.net/weixin_43398820/article/details/106825050
- https://webpack.docschina.org/loaders/node-loader/
- https://www.npmjs.com/package/native-ext-loader
- https://cli.vuejs.org/zh/guide/webpack.html