Webpack手表未更新bundle.js文件
Webpack是一个现代化的静态模块打包工具，它主要用于将多个模块打包成一个或多个bundle.js文件，以便在浏览器中加载。当Webpack打包时，它会根据项目中的配置文件（通常是webpack.config.js）来确定打包的方式和输出的文件。
对于手表未更新bundle.js文件的问题，可能有以下几个原因和解决方法：
- 缓存问题：浏览器可能会缓存bundle.js文件，导致手表未更新。解决方法是在bundle.js文件的URL后面添加一个查询参数，例如在URL后面加上一个时间戳或者版本号，以确保每次请求的URL都是不同的，从而避免缓存。
- 打包配置问题：检查webpack.config.js文件中的配置是否正确。确保入口文件和输出文件的路径配置正确，并且Webpack的打包规则包括了手表中使用的文件。
- 手表环境问题：检查手表的环境是否支持加载和执行bundle.js文件。确保手表的浏览器支持ES6语法和模块化加载。
- 手表网络问题：检查手表的网络连接是否正常。如果手表无法连接到互联网，那么它将无法下载更新的bundle.js文件。确保手表连接到可靠的网络，并且能够正常访问Webpack打包后的bundle.js文件所在的服务器。
总结起来，解决手表未更新bundle.js文件的问题需要综合考虑缓存、打包配置、手表环境和网络等多个因素。如果以上方法都无法解决问题，建议查阅手表的官方文档或联系手表厂商的技术支持寻求进一步的帮助。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：提供可扩展的计算容量，支持多种操作系统，适用于各种应用场景。详情请参考：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版（CDB）：提供高性能、可扩展的关系型数据库服务，适用于各种规模的应用。详情请参考：https://cloud.tencent.com/product/cdb
- 云存储（COS）：提供安全、稳定、低成本的对象存储服务，适用于存储和处理各种类型的数据。详情请参考：https://cloud.tencent.com/product/cos
- 人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等，帮助开发者构建智能化应用。详情请参考：https://cloud.tencent.com/product/ai
- 物联网（IoT）：提供全面的物联网解决方案，包括设备接入、数据管理、应用开发等，帮助实现物联网应用的快速部署。详情请参考：https://cloud.tencent.com/product/iot
相关·内容
1回答
Webpack手表未更新bundle.js文件
typescript、webpack
在使用webpack手表时，我的mvc应用程序的输出目录"wwwroot“中的bundle.js被正确更新。文件编辑后，它对更改做出反应，生成控制台输出，但不更新bundle.js。在第二次文件更改时，它会卡住“检查已在单独的进程中启动...”。删除repo并再次克隆似乎在一段时间内有效。在进行了几次文件更改之后，它又重新开始了。在“webpack”中，我使用了babel，loader tzpescript
浏览 14提问于2020-07-23得票数 0
1回答
Webpack 4-输出没有在正确的位置创建bundle.js。
javascript、webpack
我最近从Webpack 3升级到了4。module.exports = { entry: './src/index.js', filename: 'public/bundle.js'预期行为
它应该在bundle.js文件夹中创建我的pu
浏览 2提问于2018-05-31得票数 0
回答已采纳
1回答
Webpack，打字稿和输入解析
typescript、webpack、webpack-dev-server、ts-loader
我对打字稿的输入声明和webpack的支持有一个小问题。例如，如果模块A中只有导入状态，而B模块导入模块A.After运行webpack手表，则在生成javaScript代码的部分中，bundle.js输出文件为空。这说明webpack并没有解决进口问题。/a' module.exports = {
output: {
fi
浏览 6提问于2016-06-24得票数 0
1回答
运行webpack手表时浏览器无法拾取本地文件更改
asp.net-mvc、webpack、webpack-2、webpack-style-loader
我尝试用webpack2来运行我们的ASP.NET MVC项目。作为第一步，我用ExtractTextPlugin设置了webpack2。运行webpack手表时，我可以看到捆绑的css文件得到了更新。但是如果我在IISExpress和webpack手表上运行这个项目，即使文件发生了变化，浏览器也不会接收到最新的变化。验证了如果我关闭了webpack手表并刷新了浏览器，那么我就可以在浏览器中看到这些
浏览 9提问于2017-08-08得票数 0
2回答
如何处理嵌套的反应路由器路由时，服务bundle.js与快件？
reactjs、express、webpack、react-redux、react-router
我在开发端使用webpack开发服务器，用于我的react redux应用程序和生产，我将所有JS文件捆绑到一个bundle.js中。现在，我创建了一个基本的快速应用程序，并使用以下代码为bundle.js和index.html提供服务。但是，像/market/:market error和/resetPassword/:token这样的路由在浏览器控制台上会出现以下错误：
bundle.js:1 Uncaught SyntaxError: Unexpected to
浏览 1提问于2018-09-18得票数 0
回答已采纳
4回答
正确设置Jekyll、Webpack和Vue的dev设置
webpack、vue.js、jekyll
我正在做一个使用Jekyll，Webpack和Vue的项目样板。我现在有一个npm脚本来启动webpack开发服务器.作为一个业余爱好者，我想知道我如何完成以下工作：
一个可能的解决办法是：
斧头webpack-dev-ser
浏览 6提问于2017-04-23得票数 4
1回答
JS-在webpack中提示不给出警告错误
webpack、jshint
我已经通过输入npm install jshint jshint-loader --save-dev为我所知道的所有内容安装了依赖项(文件夹在我的构建中)。这是我的webpack.config.js文件： entry: "./app.js", filename: "bundle.js" module: { {在开发环境中和手
浏览 3提问于2016-07-01得票数 0
1回答
如何为WebPack创建源映射？
javascript、module、webpack、source-maps
我当前的webpack.config文件 entry: "./bundle.js.map", path: __dirname, }css" } },我在这里读到了，发现了以下内容：
文件被JavaScr
浏览 6提问于2015-11-18得票数 8
回答已采纳
1回答
webpack-dev-server不绑定到输出文件
reactjs、webpack、webpack-dev-server
include : APP_DIR, } }module.exports = config;
当我试图在我的文件上运行带手表的webpack-dev-server时，该服务识别出已进行了保存，返回了“已编译成功”，该应用程序表明它在我的本地主机上是刷新的:8080/webpack-dev-server/，但没有更新输出中指定的bundle.js。我已
浏览 1提问于2017-11-08得票数 0
回答已采纳
1回答
使用webpack缩小所有图像资产(不管它们是否被导入)
javascript、webpack、minify
我正在学习webpack教程，它告诉我们如何缩小并输出在主index.js文件中导入的图像。const path = require('path');
entry: './src/index.js'
浏览 0提问于2018-11-22得票数 0
回答已采纳
4回答
如何使用吞咽webpack流生成一个正确的命名文件？
javascript、gulp、webpack、webpack-dev-server
目前，我们使用作为我们的模块加载程序，用于其他一切(sass -> css，以及->/production) ], }))});问题是它为.js文件生成了一个随机字符
浏览 14提问于2016-03-18得票数 16
回答已采纳
1回答
无法使用webpack将React项目的bundle.js复制到Spring项目
reactjs、spring、webpack-4
我想要有一个调试环境，在那里React文件被监视，并被编译和复制到Spring项目(不同的目录)。我用的是Webpack 4.8。目前，我必须在每次更改React代码时运行npm run build:dev，创建正确的bundle.js并将其移动到正确的位置。但每次运行它都是一件麻烦事。\\webpack.dev.js", "
浏览 12提问于2019-10-07得票数 1
回答已采纳
4回答
Webpack生产建设总还本页面使用的开发建设的反应。
javascript、reactjs、webpack、webpack-4、react-devtools
我正在尝试使用webpack-4来获得react的产品构建(该项目不是创建usinf Create React应用程序)，但并不成功。当前webpack配置文件 entry: ['./dist/tproj/js/bundle.js' devtool: "source-map",
resol
浏览 2提问于2020-01-08得票数 1
回答已采纳
1回答
当我在手表模式下运行webpack时，尽管设置了app.config['SEND_FILE_MAX_AGE_DEFAULT'] = 0，但我还是遇到了Flask缓存bundle.js文件的问题，所以我决定在我的bundle.js中添加一个构建版本，以努力打破浏览器缓存。目前，我有：
<script src="{{url_for('static', filename='bundle.js')}}">
浏览 19提问于2018-06-04得票数 0
回答已采纳
1回答
reactjs应用程序中的意外token < bundle js
javascript、reactjs
我正在从头开始创建js应用程序，这是我的webpack配置文件 ] resolve: { }这是我的.babelrc文件<html>
<head>
浏览 20提问于2017-07-13得票数 0
回答已采纳
3回答
修改文件后如何重新编译webpack？
node.js、webpack
我用webpack的两个入口点： js: './assets/index.js',},webpack-dev-server --hot
web
浏览 4提问于2015-12-28得票数 33
4回答
无法在React应用程序中导入css样式
css、reactjs、webpack
您好，我在React应用程序中导入css有问题，我不知道我的代码中有什么问题：133:1未捕获错误:模块分析失败: D:\src\styles\styles.css意外标记(1:0)您可能需要适当的加载器来处理此文件类型<anonymous> (bundle.js:979) at eval (app.js?<anonymous> (bundle.js:737)
浏览 0提问于2018-04-20得票数 0
3回答
将我的包放在一个非根文件夹中
webpack、webpack-dev-server
目前，我的webpack.config.js如下所示：var webpack = require('webpack');
output: { filename: 'bundle.js' module: {但是，我希望我的bundle
浏览 3提问于2016-02-04得票数 0
回答已采纳
4回答
Webpack-dev-server不在dist中放置包。
webpack、webpack-dev-server
我正在尝试为我想要建立的网站设置Webpack配置。我想编译SASS到CSS，并将其放在dist文件夹中。当我运行npm run build时，它可以正常工作，但是当我运行npm run watch来触发Webpack-dev服务器时，它不会将index.js编译成bundle.js，并且它不会出现在dist文件夹中。href="dist/css/main.min.css"> <body>
浏览 0提问于2018-02-22得票数 11
回答已采纳
2回答
Webpack没能装载资源。bundle.js 404
javascript、python、reactjs、flask、webpack
代码编译并运行服务器，但是在查找bundle.js时有一个404错误。我的文件夹结构是：├── web-app ├── __init__.py ├── run.py是：const webpack = require('webpack');
const resolve = require('path')
浏览 2提问于2019-02-25得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
