"dev": "vite", "build": "run-p type-check \"build-only {@}\" --", "preview": "vite preview", "build-only": "vite build", "type-check": "vue-tsc --build --force"
通过npm run build 对vue项目进行打包,并且部署以后,发现页面一片空白,没有任何内容,而且 控制台中也没有任何错误信息。但是通过npm run serve 以后却可以正常预览。 如下图: 外网: 本地: 解决办法: 打开Vue项目路由的配置文件,然后将实例化VueRouter中的配置项 mode: 'history' 注释掉,因为这个导致打包路径出现...
Vue打包npm run build 打包后空白怎么解决? 问题一:路径报错并且页面空白 解决:buld/index.js assetsPublicPath: '/'修改为assetsPublicPath: './' 问题二:没报错页面空白router-view中的内容显示不出来。路由history模式。 HTML5 History模式 解决:// mode: 'history',//将这个模式关闭就好 这里并不是说不能打...
在我的本地服务器中,npm run dev 工作正常,但是在将项目上传到 Apache 服务器后,安装了 node_modules(npm install)并运行“npm run build”,我在控制台和空白页面中得到了提示,没有错误我的浏览器中的开发控制台 服务器(Apache)上的路径是:/mydomainproject/public/projects files: build config dist node_mod...
第一:config/index.js中assetsPublicPath: ‘/‘改为’./‘ 打包之后,外部引入 js 和 css 文件时,如果路径以 ' / ' 开头,在本...
1.如图,在app.vue中添加了一个按钮控件 2.执行 npm run build之后生成dist文件夹 3.运行后发现主页一片空白,什么都没有 4.打开开发者工具进行抓包,发现三个文件变红,证明文件找不到 5.打开变红的文件链接,确实提示文件不存在,因为实际文件应该在项目根目录下的dist文件夹下。然而他默认在根目录下寻找文件,所...
修复'npm run build'之后的空白网页,可以按照以下步骤进行排查和修复: 1. 检查代码错误:首先,检查代码中是否存在语法错误、逻辑错误或其他错误。可以使用开发者工具(如Chrome开发者...
今天碰到了一个奇怪的问题使用vue-cli构建的项目,之前运行完全正常,npm run build之后页面空白无任何报错信息(不是assetsPublicPath设置导致的,这个导致的页面会报错,项目之前运行完全正常)npm run dev页面正常显示没有任何报错,功能正常npm run build 之后的情况如下:页面console页面资源页面结构控制台执行build之后上面的...
//直接打包npm run build 打包出来的文件 第一个坑:文件引用路径 现在项目我们什么都没动,是初始化之后直接打包的状态,打开dist/index.htmnl文件整个网页都是一片空白的。 打开调试,发现有一排报错说是:不能加载到资源,后面就发现路径的问题,仔细看上面再看上面加载的css的引用路径,这里是有问题的。
今天碰到了一个奇怪的问题使用vue-cli构建的项目,之前运行完全正常,npm run build之后页面空白无任何报错信息(不是assetsPublicPath设置导致的,这个导致的页面会报错,项目之前运行完全正常)npm run dev页面...