vue引用本地js，electron打包后总是找不到？

最新推荐文章于 2024-07-25 08:49:08 发布
最新推荐文章于 2024-07-25 08:49:08 发布
阅读量688 收藏 5
点赞数 10
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35520046/article/details/135929619
版权

比如我引入海康的js。打包前可以正常运行

打包后找不到，访问的地址是：D:\static 不是相对地址；成了绝对地址；

解答：

打包前它代表的是 http://xxxx:xxx/static

打包后就是 D:\static

打包后： /不代表当前目录，代表根目录，所以是D:\static  

把 / 去掉就可以拉！！！

qq_35520046
关注
  • 10
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue2/3解决项目打包后本地图片等资源找不到的问题
weixin_68658847的博客
05-23 2057
vue2/3解决项目打包后本地图片等资源找不到的问题
Vue3项目打包后部署到服务器 请求不到后台接口解决方法
10-15
本文将详细介绍如何解决Vue3项目打包后部署到服务器请求不到后台接口的问题。 首先，我们要理解问题的根本原因。在本地开发时，我们通常会使用Vue CLI的`vue.config.js`配置文件中的`devServer.proxy`选项来设置...
记录一次electron打包提示文件找不到的解决方法
weixin_44284981的博客
08-08 1940
electron打包可能会遇到的问题
关于 electron-vue打包后静态资源路径失效的解决方案
热门推荐
aa661020的博客
03-30 2万+
关于 electron-vue打包后静态资源路径失效的解决方案 1.静态资源如css,img，js,请放在根目录的static文件夹里， 因为electron打包后会复制一份static文件夹到dist文件夹中 这样项目引入的静态资源就不会报路径错误了。 2.字体文件比较特殊，如果引入的是前端框架文件，引入的字体 路径不是我们能控制的。所以我们需要修改下C:\Users...
electron打包以后打开项目提示module找不到
liulang68的博客
05-29 192
解决方法就是想办法把包放到asar下面的node_modules里面。可加q:2430486030解决。
electron-builder解决打包后找不到代码文件、打包指定资源到安装目录的问题
m0_55960697的博客
04-17 987
本人使用文本编辑器打开app.asar粗略的看了一下，发现所有files配置项指定的代码文件，都被打包进了app.asar这个文件中。个人猜测当浏览器访问app.asar/xxx时，electron会去app.asar中解析出对应的xxx文件返回给浏览器。那就必须将这个静态文件打包进应用程序，用户下载时使用electron主进程的node程序读取这个文件返回给用户。重点看resource文件夹下的app.asar文件，这个文件就是electron-builder。为额外资源，它们的作用就是打包额外的文件；
Electron Builder （vue-cli-plugin-electron-builder） 打包后显示无法找到第三方模块问题解决方案之一
Callback_heaven
01-11 4520
使用的是：Electron Builder 文档为：https://nklayman.github.io/vue-cli-plugin-electron-builder/guide/#installation 正片： 开发完成后打包，由于内部文件引用了electron-log，打包后发现提示Cannot find module，于是开始寻找问题所在： 查看了一些资料后，检查外层的package.json中的dependencies发现很全 "dependencies": { "core-js":
使用electron-packager打包electron-vue项目的一些问题：打包后的应用程序空白、静态资源无法加载
fu_jian_ping的博客
09-30 5321
最近在使用electron-packager打包electron-vue项目时遇到了一些小问题，下面是我的解决方案： 1、打包后的应用程序打开后是空白的： 解决方法：在npm run packager之前先npm run build。 2、图片等静态资源无法加载的问题： 打包时一般会将静态资源文件放在“打包文件名\resources\app\dist\electron"路径下，若你的静态文件没有复制到这里，那么应用程序将无法找到，即应用程序会在这个文件夹中找静态资源。 解决方法： 先把静态资源放
vue-cli+webpack项目打包到服务器后,ttf字体找不到的解决操作
11-19
综上所述，当Vue CLI+Webpack项目打包到服务器后出现字体找不到的问题时，主要的解决方法是更新Webpack的配置，特别是`ExtractTextPlugin`和`url-loader`的`publicPath`，确保它指向正确的字体文件位置。同时，对于...
electron框架+打包vue+react 成exe 安装下一步客户端桌面程序
08-28
将`Vue.js`或`React.js`集成到`Electron`项目中，可以让开发者利用这些框架的强大力量，创建出响应式且高效的桌面应用。 在使用`Electron`进行打包和部署时，有一些关键步骤和潜在问题需要注意。首先，确保安装了...
vue.js打包之后可能会遇到的坑！
10-18
主要给大家介绍了关于vue.js打包之后可能会遇到的一些坑，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
electron-vue利用webpack打包实现多页面的入口文件问题
10-17
`electron-vue` 是一个预配置的 `Vue.js` 和 `Electron` 开发环境，它整合了 `vue-cli` 和 `webpack` 配置，使得在 Electron 中使用 Vue.js 更加方便。 **1. Webpack 的核心概念** 在深入讨论多页面配置之前，我们...
electron-vue 打包所需文件
03-23
Electron-Vue 是一个基于 Vue.js 和 Electron 的桌面应用程序开发框架，它结合了 Vue 的前端开发优势和 Electron 的桌面应用能力，使得开发者可以利用 Web 技术（HTML、CSS、JavaScript）构建跨平台的桌面应用。...
electron-builder打包后找不到代码文件、打包指定资源到安装目录的问题
莺声门径的博客
03-29 198
vue-cli打包后，找不到css、js文件问题的解决
AllenZouJ的博客
09-27 8052
搜了一些解决方案，发现很多人只贴一点代码，就说解决了。我照葫芦画瓢，却依然无法实现，这就导致我“既不知其然也不知其所以然”。于是我研究了config/index.js的配置，摸索出找到静态文件的方法，分享如下： 先说需求： a.我希望打包出来的结构是： （别问为什么这么麻烦，都是项目需要/0.0\） dist - static ---- v...
Electron打包后引用文件没被打包进去解决
weixin_45628304的博客
03-23 807
Electrion打包问题
The main entry point to your app was not found. Make sure “index.js“ exists and does not get ignored
曲江涛的博客
04-02 1027
这个错误通常出现在使用Electron打包应用程序时，指定的主入口文件（main entry point）无法找到。根据错误信息，可能是因为找不到名为“index.js”的文件，或者该文件被忽略了。Electron在打包应用程序时，可以通过指定忽略选项来排除某些文件或目录，以避免将它们包含在最终的应用程序中。如果你的入口文件不在应用程序的根目录下，而是在其他目录中，你需要在。中指定了忽略选项，你需要确认入口文件是否被排除在外了。首先，确认入口文件的路径是否正确，也就是检查在。中的入口文件路径是否正确。
nodejs总是提示找不到第三方包
Voccoo的博客
10-26 1616
如果在使用nodejs时，需要引入第三方包。 npm install -g 包名 这是安装一个全局都可用的第三方包。 然而我在使用当中，总是会出现提示这不到我刚装好包的提示。 那么你就需要知道一件事情。 1.新建一个文件夹（英文名最好） 2.shift + 右键， 选择cmd运行 3.npm init (这个叫初始化项目，生成了项目配置信息：package.json) 4.npm install...
【前端】vue 报错:The template root requires exactly one element
最新发布
程序员-张师傅
07-25 932
在 Vue.js 中，当你遇到错误 “The template root requires exactly one element” 时，这通常意味着你的 Vue 组件的模板（template）根节点不是单一的元素。Vue 要求每个组件的模板必须有一个根元素来包裹所有的子元素。如果你的模板看起来像这样，就会出现这个错误：
electron-vue webpack serialport 打包
08-09
electron-vue是一个基于Electron框架和Vue.js框架的开发工具，可以帮助开发者使用Vue进行Electron应用的开发。而webpack是一个模块打包工具，用于将各种资源（JavaScript、CSS、HTML等）打包成一个或多个文件。 当我们在electron-vue项目中使用serialport库时，需要进行一些配置和打包工作。首先，在项目的package.json文件中添加serialport库的依赖，可以使用命令npm install serialport进行安装。 接下来，在项目的webpack配置文件中，需要对serialport库进行配置。首先，添加externals属性，指定serialport库在打包时不被打包，而是在运行时通过require引入外部依赖。例如： externals: { 'serialport': 'require("serialport")' } 然后，在配置文件中找到module.exports中的target属性，将其设置为electron-renderer，以便在渲染进程中使用serialport库。 最后，通过运行npm run build命令，进行项目的打包操作。webpack将会根据配置文件将所有的资源打包成一个或多个文件，并输出到指定的目录中。 需要注意的是，在打包完成后，项目的依赖关系需要正确地配置，以确保serialport库能够正常工作。可以通过使用electron-rebuild等工具来重新编译serialport库，以适配Electron环境。 总结起来，通过electron-vue和webpack的配合，我们可以将serialport库打包到Electron应用中，从而实现在Vue界面中使用串口通信的功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值