vue2.0 带头冲锋(打包时,小心萝卜坑)

2023-10-10 15:40

本文主要是介绍vue2.0 带头冲锋(打包时,小心萝卜坑),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

距离上一期,时间间距可能有点长。谁让本人处于兴奋状态,生活已经不能自理。

 

哈哈哈,嗯,正经一下, 在已有的经验里总结一下那些容易抓狂的坑!

 

起因:npm run build 打包 本地运行,你以为可以看到 完美的效果

没有!什么也没有

 

背景:npm run dev 正常可见图:

先对项目打包:npm run  build ,打包好之后 就会多一个文件夹“dist”  在里面找到index.html 运行就行了(简单吧)

 

 看它不爽的人,注释掉就没有了

 

 

 

萝卜坑一:看到以下报错:未找到css,js 路径

 

 

不要着急,

修改 config文件中的index.js文件中的 build中的assetsPublicPath属性值 由‘/’修改为‘./’ 绝对路径改为相对路径。 这网上都有 基本的解决方法。

 再打包一次 ,运行index就可以了。

 

萝卜坑二:

遇到这种情况是不是很气,你有报错就算了  我还知道该改哪里,这算啥。

查找一下资料,终于找到问题了。问题出现在路由,简直是日了狗了。

 


原因:

虽然使用这种模式之后,就没有#了,但是这种模式要后台配置支持。本地运行,在没有后台配置的情况下,页面将一片空白。
再次运行就可以了。

 

 
萝卜坑三:
注:在npm run dev 的时候,就一片空白也没有报错的情况)
是不是很神奇,啥也没有报错,但是就觉得没问题,也没改了什么。

 

图就跟上图一样,没报错一片空白。

 

后来意外找到原因:

有需要监听路由变化的时候 就有以上的代码: 没注意 就感觉没问题,其实少了next()。

正常的是这样的:

 

什么也不想说。 让我安静一会。

 

对了还有 如果npm run build 打包好后找不到图片等问题。大概是 这手脚架已经规范好了图片该放的位置 ,可修改,别问我在哪里 ,我也不知道 没去研究。

 

综上所述:是我做项目的所记录的问题,没有更多了,等我老了 应该就有了。 

 

 

 

 

 

 

 

 

转载于:https://www.cnblogs.com/wrrISjs/p/8854457.html

这篇关于vue2.0 带头冲锋(打包时,小心萝卜坑)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/181398

相关文章

配置springboot项目动静分离打包分离lib方式

《配置springboot项目动静分离打包分离lib方式》本文介绍了如何将SpringBoot工程中的静态资源和配置文件分离出来,以减少jar包大小,方便修改配置文件,通过在jar包同级目录创建co... 目录前言1、分离配置文件原理2、pom文件配置3、使用package命令打包4、总结前言默认情况下,

Python项目打包部署到服务器的实现

《Python项目打包部署到服务器的实现》本文主要介绍了PyCharm和Ubuntu服务器部署Python项目,包括打包、上传、安装和设置自启动服务的步骤,具有一定的参考价值,感兴趣的可以了解一下... 目录一、准备工作二、项目打包三、部署到服务器四、设置服务自启动一、准备工作开发环境:本文以PyChar

Python pyinstaller实现图形化打包工具

《Pythonpyinstaller实现图形化打包工具》:本文主要介绍一个使用PythonPYQT5制作的关于pyinstaller打包工具,代替传统的cmd黑窗口模式打包页面,实现更快捷方便的... 目录1.简介2.运行效果3.相关源码1.简介一个使用python PYQT5制作的关于pyinstall

javafx 如何将项目打包为 Windows 的可执行文件exe

《javafx如何将项目打包为Windows的可执行文件exe》文章介绍了三种将JavaFX项目打包为.exe文件的方法:方法1使用jpackage(适用于JDK14及以上版本),方法2使用La... 目录方法 1:使用 jpackage(适用于 JDK 14 及更高版本)方法 2:使用 Launch4j(

springboot3打包成war包,用tomcat8启动

1、在pom中,将打包类型改为war <packaging>war</packaging> 2、pom中排除SpringBoot内置的Tomcat容器并添加Tomcat依赖,用于编译和测试,         *依赖时一定设置 scope 为 provided (相当于 tomcat 依赖只在本地运行和测试的时候有效,         打包的时候会排除这个依赖)<scope>provided

如何删除不小心上传到git远程仓库中的.idea .iml文件

如果在开始的时候不配置,gitignore文件或者文件配置不正确,初始化上传的时候就会有一些不必要的信息上传上去 如果已经存在了一些文件在git远程仓库中,如。idea,.iml文件等。 首先在项目中定义一个  .gitignore文件,简单的实例如下也可以用idea中的gitignore插件 .DS_Storeclasses/*.settings/target/.classpath

android6/7 system打包脚本

1.android5打包system就是网站上常见的制作ROM必备的解包打包system脚本 指令如下:mkuserimg.sh -s out/target/product/$TARGET_PRODUCT/system out/target/product/$TARGET_PRODUCT/obj/PACKAGING/systemimage_intermediates/system.img

android打包解包boot.img,system.img

原帖地址:http://www.52pojie.cn/thread-488025-1-1.html 转载Mark一下,日后研究 最近工作需要对boot.img,system.img进行破解。顺便将心得分享一下。 我的工作环境是在linux下的。所以工具都是针对linux的。 boot.img破解相关工具: 1、split_boot    perl脚本 2、boot_i

MTK Android P/Q system/vendor/super快速打包

一、Android 新版本默认开启了动态分区,把system vendor  product等分区打包成一个super分区。这对于我们使用替换分区的方法来排查问题不是很方便,直接替换一个super也不知道到底是哪个部分导致的。所以我们需要自己制作super.img来缩小范围。下面讲讲如何快速生成system、vendor、super,以及vbmeta(校验image,不匹配可能会导致不开机) 二

MTK AndroidP/Q快速打包ramdisk

一、Android P/Q ramdisk与老版本的差异 Android老版本的ramdisk是out下的root/ramdisk打包而来,里面包含了init  /sbin  init.rc   default.prop等文件。是一个完整的ramdisk Android新版本ramdisk分为了out 下的ramdisk目录和root目录,init ,init.rc等文件大部分都放到了syst