在具有Webpack和Babel的网站上部署应用程序时出错(显示空白页)
在具有Webpack和Babel的网站上部署应用程序时出现空白页的问题可能有多种原因。以下是一些可能的解决方案和调试步骤：
- 确保Webpack和Babel配置正确：首先，确保Webpack和Babel的配置文件正确设置。检查webpack.config.js和.babelrc文件，确保正确配置了入口文件、输出路径、加载器和插件等。
- 检查依赖项和版本兼容性：确保项目的依赖项和版本与Webpack和Babel兼容。可以通过查看官方文档或相关社区来了解最佳实践和版本兼容性信息。
- 检查浏览器兼容性：某些Babel插件可能不支持某些浏览器或版本。检查你的Babel配置，确保已经正确设置了目标浏览器或使用了适当的插件来处理浏览器兼容性问题。
- 检查打包输出文件：检查Webpack打包后生成的输出文件是否正确。确保生成的文件包含正确的HTML、CSS和JavaScript代码，并且路径和文件名正确。
- 检查错误日志和控制台输出：查看浏览器的开发者工具控制台输出，以及服务器端的错误日志，查找任何错误或警告信息。这些信息可能会提供有关问题的线索。
- 检查网络请求和资源加载：确保应用程序的所有资源（例如CSS、JavaScript文件）都能够正确加载。检查网络请求是否返回正确的状态码，以及资源路径是否正确。
- 清除缓存和重新构建：尝试清除浏览器缓存，并重新构建和部署应用程序。有时候旧的缓存文件可能导致问题。
如果以上步骤都没有解决问题，可以尝试在社区论坛或开发者社区中寻求帮助。根据具体情况，可能需要提供更多的细节和代码示例来获得更准确的帮助。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云Webpack产品：https://cloud.tencent.com/product/webpack
- 腾讯云Babel产品：https://cloud.tencent.com/product/babel
相关·内容
我试图将我的应用程序部署到我的网站上，但它在控制台中部署时没有错误，但html页面是空白的。以下是我的一些文件。"babel-loader": "^8.1.0", "css-loader": "^3
浏览 9提问于2020-05-12得票数 1
回答已采纳
2回答
电子热重装
、、、
它的工作很好，问题是，我想运行这个应用程序在电子热重装。因此，在我的main.js文件中，我指向reactsjs index.html文件。显示空白页。虽然我可以看到标签内容“欢迎反应”在电子窗口，这意味着它的指向正确，但没有内容被显示。我发现电子在抛出错误我是很新
浏览 1提问于2017-07-13得票数 5
回答已采纳
这是我的build文件夹的图片：
const express = require('express');});
任何帮助都将不胜感激。
浏览 0提问于2017-10-06得票数 0
我有一个AngularJs应用程序与webpack和gulp。它构建在之上，我想将它部署到Heroku.com上。从构建日志看，一切看起来都很好，当我尝试访问web应用程序时，我收到以下消息：
来自Heroku应用程序日志的：2016-07-25T11:50:18.830449+00:00时: at=error code=H10 de
浏览 1提问于2016-07-25得票数 1
回答已采纳
2回答
Redux反应你好世界
、、、
这是我在React中的Hello应用程序-Redux。在命令提示符中运行npm start时没有显示错误，但在localhost:3333上打开它时，它是一个空白页。我安装了react react-dom babel babel-core babel-preset-es2015 babel-preset-react babel-loader <e
浏览 2提问于2016-03-18得票数 1
回答已采纳
1回答
我跟着这个向导来了
npx babel --watch src --out-dir .--presets react-app/prodimport MyComponent from 'MyComponent';
它并不是将其转换为ES5语法，因此我得到了
浏览 1提问于2019-01-16得票数 1
回答已采纳
我和webpack一起创建了一个react应用程序，并试图将其部署到google app engine上。这个应用程序没有服务器，一切都是在浏览器中完成的。我之前已经成功地部署了简单的react应用程序，但我认为目前让我头疼的是webpack的入口点。
我的应用程序部署成功，但是当导航到URL
浏览 0提问于2019-09-10得票数 1
我有一个Vue.js应用程序，它在npm run dev上运行的很好，但是当做npm run build和打开index.html时，就不会有任何活动，只有一个空白页面。html中的目录是dist/build.js，它正确地加载。这是webpack的配置：var webpack = require('webpack
浏览 0提问于2018-03-07得票数 1
回答已采纳
使用Webpack的应用程序，babel部署在netlify上，显示虽然下载的构建在本地运行良好，但却找不到Page。Netlify社区主题链接相同-
构建状态-发布的部署. Today at 10:38
浏览 1提问于2020-08-04得票数 0
我试图使用ModuleFederationPlugin和webpack部署一个基于微前沿的react应用程序，但是当我试图孤立地部署一个微前端时，我会得到一个没有错误的白色页面。我的webpack配置到生产：const ModuleFederationPlugin = require(
浏览 2提问于2021-04-08得票数 0
我在试着让webpack和巴别塔一起工作(这两个我都是新手)。当我运行webpack-dev-server编译时，编译正常，但是我导入的模块中的内容不起作用。/core": "^7.7.2", "babel-loader": "^8.0.6
浏览 14提问于2019-11-25得票数 1
回答已采纳
我正在尝试部署一个可以在本地运行的应用程序，但是当我把它放到服务器上时，我得到了这个错误，它引用了一个数组上的过滤器函数。这表明编译ES5 JS以某种方式损坏了。我使用webpack构建命令，输出在本地运行，但是当我把它放到服务器上时，我在浏览器上得到如下结果： `TypeError: s.filter is not a function vendor.bundle.9a44
浏览 49提问于2021-03-23得票数 0
概述ERROR in .诊断误差
$ node_modules\babel-cli\bin\babel.js src\auth\AuthService.js --预置阶段-3
只有当我运行应用程序时才会抛出错误&qu
浏览 2提问于2018-04-09得票数 0
回答已采纳
1回答
当在本地部署我们的Vaadin14Java应用程序时，当在windows机器上完成时，webpack大部分时间都会抛出错误。在Mac和Linux机器上，它工作得非常好。这是我在启动时得到的错误： [ERROR][webpack][dev-webpack] ERROR in .[ERROR][webpack][d
浏览 33提问于2020-01-22得票数 3
1回答
每次我对我的网站进行更改时，我都会从github获取它们。我在终端中运行了webpack，它似乎正常工作。然后我运行expressHost.js文件来托管我的站点。当我访问该站点时，标题中出现错误。为了解决这个问题，我删除了文件夹，git克隆，npm install，webpack，node expressHost.js，它的工作方式就像什么都没有出错一样。有什么想法吗？类似的问题似乎没有发生在我的开发机器上
浏览 5提问于2017-01-04得票数 0
2回答
我正在尝试将我的应用程序部署到AWS EC2实例。在我的本地环境中，我可以捆绑所有的东西，当我运行webpack时没有问题。在我的亚马逊网络服务服务器上，我克隆了我的存储库，但是当我运行webpack时，我得到了SyntaxError: Unexpected token import。我刚刚检查了一下，我的本地服务器和亚马逊网络
浏览 1提问于2017-09-27得票数 3
为了支持我们所包含的大多数特性，我们使用Webpack与Babel和 (正如Babel本身所建议的那样)作为填充物。如果我们试图导入RxJS，我们的应用程序加载就会卡在一个特定的行上：
Observable.prototype[_symbol_observable__WEBPACK_IMPORTED_MODULE_2事实上，如果我试图通过控制台在错误发生后使用po
浏览 13提问于2019-10-24得票数 2
回答已采纳
"babel-core": "^6.22.1", "babel-helper-vue-jsx-merge-props": "^"^3.5.0", "babel-preset-stage-
浏览 2提问于2018-03-22得票数 4
回答已采纳
我用Webpack，Babel，Vue和TypeScript来测试一个新的项目。当测试Webpack+Babel和Webpack+Babel+Vue用Vue文件编写一些Web应用程序时，一切都很好。但是，当将相同的代码转换为TypeScript (Webpack+Vue+TypeScript)时，有些地方出错了。用Vue和Typ
浏览 1提问于2019-06-15得票数 0
在将React应用程序部署到GitHub页面时，我遇到了一些问题。该应用程序在本地运行良好，但在完成部署的标准流程后-通过终端安装GH页面，运行npm run build/deploy等-页面无法加载。部署是成功的，因为它在我的GitHub存储库中创建了一个环境，它给了我“查看部署”的选项，但页面就是不加载。如果我检查页面，它会显示以下
浏览 11提问于2020-01-30得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
