angular解决打包空白问题

最新推荐文章于 2021-11-09 11:50:19 发布
最新推荐文章于 2021-11-09 11:50:19 发布
阅读量1.2k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38705449/article/details/103525662
版权

将index.html 里面的

<base href="/">

改为

<base href="./">

如图

image.png

前面加一个 点 就好了，然后再次打包。

本地是无法打开的，文件需要运行在服务器环境下，可以用自己配置的服务器打开也可以下载HBuilder运行页面

追梦猪
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ionic3 打包真机启动白屏问题修复方法
05-10
ionic3 打包真机启动白屏问题修复方法,文档中详细讲述如何修复白屏完美解决
angular2 ng build部署后base文件路径问题详细解答
12-09
问题：使用angular-cli搭建的项目，执行ng build后，浏览器打开空白，发现文件的路径不对 解决方案： 在package.json文件的scripts中添加命令： "build":"ng build --base-href ./" –base-href后面替换成打包后...
angular-cli ng build 打包完成后 打开文件显示空白
weixin_30819085的博客
06-19 860
将index.html 里面的<base href="/"> 改为<base href="./"> 前面加一个 点 就好了，然后再次打包。 不能直接在本地打开，需要模拟服务器环境打开才可以。 可以拖入HBuilder中 打开打包好后的index.html 然后Ctrl+R 转载于:https://www.cnblogs.com/MainActivity/p/...
angular7 ng build --prod 打包页面白屏问题
just、so、so 的博客
08-12 1086
报错 Unhandled Navigation Error 解决方法： <base href="/" /> //更改为 <base href="" /> //并且路由配置文件中,添加{useHash:true} RouterModule.forRoot(routes,{useHash:true}) ...
Angular页面出不来，显示空白页面。。。
大强博客
10-31 8986
Angular页面出不来，显示空白页面。。。 ng serve -o --port 8888 启动正常， ng build --prod --base-href ./ 打包也正常， 什么错误信息都没有。。。 可能是selector名称和样式或者关键字冲突了。。。 解决办法：修改selector名称 例如： /**  *     片库组件  *  * @author 刘宏强  */ @...
angular项目打包后页面空白，提示Uncaught SyntaxError:Unexpected token
qq_40921298的博客
04-05 1384
使用vue打包完运行时，页面显示空白，F12打开后报错 分析原因，没有找到对应的文件，解决方法很简单。 出现这种问题的原因是因为路径找不到。 手动的将打包后dist里面的index.html路径修改一下 修改前 <base href="/"> 修改后 <base href="./"> ...
h5 移动端空白项目 模板
10-09
现代前端开发通常会使用模块化工具（如Webpack或Rollup）对JavaScript进行组织和打包。 4. **图片和其他资源**：包括应用所需的图片、字体、音频、视频等，应妥善管理和引用。 5. **配置文件**（如：package.json...
使用Angular CLI进行Build(构建)和Serve详解
11-28
- **Uglify**：生产环境中，CLI会使用UglifyJS压缩代码，去除冗余的空白和注释，减小文件大小。 - **Tree-Shaking**：进一步优化，移除未使用的代码，提升性能。 运行`ng build --help`可查看构建命令的详细选项。...
Template-Angular-DotNetCore
03-22
5. **API接口**：示例或空白的API接口，帮助开发者快速理解如何在.NET Core中实现前后端交互。 **开发流程** 使用这个模板，开发者可以按照以下步骤进行开发： 1. **克隆/下载模板**：获取`Template-Angular-...
Angular7 ng build 后页面不能显示的问题
inprivacy的博客
06-29 2295
1.资源加载失败 <base href="/" /> //更改为 <base href="./" /> 2.Unhandled Navigation Error <base href="/" /> //更改为 <base href="" /> //并且路由配置文件中,添加{useHash:true} RouterModu...
Angular2-build文件打开白屏解决
细心程度决定你的成败
07-20 1896
解决方法只需要更改package.json 中的build设置为"build": "ng build --base-href ./",生成的文件就可以直接使用
angular项目在IE显示不正常
zhijiacn的专栏
03-23 1269
使用nd-cli创建新项目并运行后，在IE11中打开，发现页面空白不显示任何内容，此时需要修改src/polyfills.ts文件的内容 /*************************************************************************************************** * BROWSER POLYFILLS */ /*...
angular显示空格在html文件里
qq_26889291的博客
08-18 1157
使用<pre></pre>标签
【electron】打包过程中的一些坑
渐墨深的博客
11-09 4394
1.应用白屏 本地运行正常，打包后白屏，大概率是loadFile路径不对 其中index.html的路径要根据打包后的main.js的相对路径，打包后main.js的层级变了，需要对应修改，renderer和main的目录是并列的 win.loadFile(path.join(__dirname, '../../renderer/index.html')); 2. 整个应用打包后找不到main.js文件 ⨯ Application entry file "main/main.js" in th
angular+ionic项目打包后，访问页面空白。错误信息Error: Cannot match any routes. URL Segment: ‘index.html‘ at t.value
xiaoxiaoyang007的博客
12-31 876
项目中遇到此问题，研究了很久。最终解决，一开始以为是路由配置错误。 在app.module.ts中添加，import{LocationStrategy,HashLocationStrategy}from'@angular/common'; 在providers位置添加{provide:LocationStrategy,useClass:HashLocationStrategy} ...
ionic完整打包app遇到过的问题
weixin_34060299的博客
09-18 603
ionic打包流程 有很多教程，可看官网与菜鸟。 在你按照以上教程使用遇到问题的时候可以看看以下列出的问题。 曾经使用bootstrap的时候，觉得看了源码用得才顺利，现在准备有时间看下ionic框架的源码，这样应该会好点。等看了再更新。 遇到的问题 android环境 遇到的问题集中在android环境。基本上每一次不成功都是andro...
electron+angular使用electron-builder打包(Not allowed to load local问题)
weixin_40679158的博客
04-18 1429
这是我使用electron-builder对angular项目进行打包时所遇到的一些问题，希望对各位被坑的人有些许帮助 Not allowed to load local的意思是打包之后无法找到正确路径，可以参考以下方法参考解决 安装electron-builder yarn add electron-builder --save-dev 或者npm add electron-builde...
解决输入run build打包后打开index.html页面为空白
归零
12-29 6223
最近实习遇到不少问题，各种折腾，一方面可能是自己太菜，另一方面可能也存在自己对脚手架的好多技术还不深入的盲区。
ionic使用angular语言打包apk之后解决跨域问题
最新发布
04-19
在打包apk后，ionic使用angular语言，遇到跨域问题可以在项目的根目录下添加一个文件：proxy.conf.json，内容如下： { "/api": { "target": "http://example.com", "secure": false } } 其中，/api是指我们...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值