问题标签 [webpack-dev-middleware]

这是错误消息 1

不知道为什么，我的包到了当前文件所在的文件夹，而不是到了node_modules。

这是错误消息 2

这是我的根文件夹树：

这是我的 cms2 文件夹树：

这是我的 webpackConfig 文件：

这是我的快递文件：

我已经在使用webpackDevMiddleware&的快速应用程序上添加了热重载，webpackHotMiddleware但我注意到这 2 个中间件减慢了应用程序的速度，我认为第一次启动应该更慢是正常的，因为我需要编译所有内容，但在编译文件之后是为他们服务很重要....没有这两个中间件的相同代码响应非常快，添加它们后速度变慢了很多...我可以在 chrome 控制台上等待一些文件等待几秒钟...我不;t认为这与任何错误的 webpack 配置有关，因为问题是在编译之后，只是每次我重新加载页面都需要 20 秒才能加载......有什么建议吗？

我有一个现有的应用程序，它在服务器端运行 nodejs 和 express，在客户端运行 React。打字稿贯穿始终。

客户端代码是使用 create-react-app 创建的，并已被弹出。此代码在 /client 中。

服务器端代码在 /server 中。

这些文件夹中的每一个都有自己的 node_modules、package.json、webpack 配置等。

目前，我必须在开发时在端口 3000 上运行客户端，在端口 5000 上运行服务器。相反，我正在研究如何让它工作，以便一切都从端口 5000 运行，包括客户端捆绑包的自动重新编译。我认为 webpack-dev-middleware 可以让我做到这一点。但是，我遇到了与相对路径相关的问题。

这是我添加到服务器 (/server/src/app.ts) 的代码：

我引用的 webpack 配置文件是 create-react-app 附带的标准配置文件。因为该文件位于 /client/config 文件夹中，所以我收到有关模块解析的错误：

在服务器端 webpack 捆绑期间发生此错误。有没有办法让它工作？

使用ASP.NET Core 2.0模板通过 redux 创建反应应用程序我想使用在反应 CRA (CREATE REACT APP) 中使用的 webpack-dev-server。

ASP.NET Core 2.0应用程序生成输出到 js（客户端/服务器）文件并在剃须刀页面上呈现。(cshtml) (SSR) 在运行 (F5) 时使用 IISEXPRESS 运行。

我想使用IISEXPRESS但使用WebpackDevServer运行相同的程序，因为它的执行速度更快，尤其是在初始构建之后。

我通过向我的 package.json 添加代理尝试了以下操作

该模板提供了一种对 React 应用程序进行服务器端渲染的方法。目标是对文件的更改进行更快的增量构建，因为我有很多文件。

使用 Create React App 以相同的代码运行应用程序时，应用程序渲染速度更快，没有任何问题。

另一方面，由 ASP.NET Core 模板提供的默认 HMR（热模块替换）有时会呈现并引发错误，在这种情况下，我们需要再次重建整个事物，这会耗费大量时间。

无论如何，我可以让 WebPackDevServer 与 IISExpress 一起工作吗？在此先感谢您提供有关此内容的任何指示。

我有 Webpack/Phaser/Express 项目。当我加载应用程序时，无法在 Chrome 控制台中加载图像并出现以下错误：

在移相器中加载这些图像：

我尝试在移相器代码中包含的每个静态文件都有相同的错误。

网络包配置：

这就是我在 server.js 中使用 webpack-dev-middleware 的方式：

项目结构：

任何建议如何使其正常工作？因为如果我不使用 webpack-dev-middleware 应用程序工作正常。但是每次进行一些更改时都重新构建项目太烦人了。

我正在使用带有 html-webpack-plugin 的 webpack-dev-middleware 和 webpack-hot-middleware。html 插件注入了依赖于环境的脚本，但问题是这种注入会触发另一个编译，然后导致 html 插件在无限循环中再次注入。

有谁知道如何告诉 de/hot-middleware 忽略对 index.html 的更改？

文档提到

与 webpack-dev-middleware 兼容的选项旁边有。

我找不到任何关于“cookieDomainRewrite”的信息，但如果我使用它就可以了

有什么解释吗？或者想法我如何进一步调查它？

• Webpack 配置中的 publicPath 设置为/contents/dist/assets/
• Express 中的视图文件使用handlebars

• 在 Webpack 配置中，handlebars模板设置为输出正确的脚本标签/链接样式表..

  所以这也输出到文件夹/contents/dist/assets/下。views因此，/contents/dist/assets/views它将在哪里输出。

• 在 Express 中，设置了一条路由来提供此文件。
  route.get('*', (req, res) => {
  res.render('index' .....)

而且...
- 我已经设置webpack-dev-middleware为资产服务

• 我设置了一个new CleanWebpackPlugin()插件，在每次构建之前删除dist文件夹的内容，所以它从一个新的空文件夹开始。

这实际上是如何工作的？

Express 正在寻找我告诉它寻找的视图。

当我运行 webpack 时，它会删除dist文件夹的内容，因此视图不存在。但是，不应该通过内存服务所有这些资产（HTML、 webpack-dev-middleware Handlebars等）吗？不是文件系统？当 Express 到达/路线时，没有视野可服务。

所有这些假设如何结合在一起并发挥作用？

我正在使用webpack-dev-middleware和 expressjs 来监视和提供从 webpack 发出的文件。

使用nodemon设置 expressjs 服务器，以便它可以监视任何服务器代码更改。

问题是，对于 nodemon 检测到的任何更改，服务器重新启动也会触发新的webpack-dev-middleware执行，然后重新构建整个客户端包。

开发中使用的 Express 服务器代码段：

有什么方法可以防止webpack-dev-middlewarenodemon 触发的每次重启的执行？

我们已经使用 webpack-dev-server 设置了我们的开发环境。我们使用它的代理配置与后端通信。

我们在所有应用程序中使用的服务器中有一个通用的登录页面。我们调用它，它设置一个会话 cookie，该 cookie 期望与后续请求一起传递。我们使用了以下配置，但由于某种原因未在浏览器中设置 cookie。我可以在开发工具的网络选项卡中的响应标头中看到它。

https://middleware_server/app/login端点返回带有 set-cookie 标头的登录页面。

代理用于在访问登录页面和 API 调用时避免 CORS 错误。

到目前为止，没有执行来自应用程序的代码。我们是否必须在 coomon 登录页面中做一些事情来获取 cookie 集？

该应用程序是用 React 编写的。

任何帮助，将不胜感激。