webpack-dev-server 相关问题

基于Node.js的服务器，支持实时重新加载，用于开发webpack驱动的应用程序。

当我添加自定义标头和授权标头时，Axios 也会出现 CORS 错误

我在 Next.js 12 中开始了开发模式。前端在 localhost:3000 上启动，后端在另一个端口上启动，并使用 docker、nginx 和 php。一切正常，但是当我没有重新设置标题时...

webpack axios cors webpack-dev-server

回答 1 投票 0

为 Shopify 开发设置 webpack/HMR

我正在尝试设置 webpack 的开发服务器和 HMR 来配合 Shopify 主题开发。当运行服务器并打开本地 IP 时，我从 Shopify 的 DNS 提供商 CloudFlare 收到此错误......

javascript webpack shopify webpack-dev-server webpack-4

回答 1 投票 0

Webpack-dev-server 未将捆绑包放入 dist

我正在尝试为我想要构建的网站设置 Webpack 配置。我想将SASS编译为CSS并将其放入dist文件夹中。当我运行 npm run build 时它工作正常，但是当我运行 np...

webpack webpack-dev-server

回答 5 投票 0

Windows 10 重新安装后，Nodemon 和 webpack-dev-server 热重载在 WSL 2 下无法工作

几天前我重新安装了Windows 10。我正在开发全栈Web应用程序，以express作为后端，React.js作为前端。我正在使用 nodemon 来重新配置服务器和 webpack-dev-server 的

webpack webpack-dev-server windows-subsystem-for-linux nodemon hot-reload

回答 3 投票 0

webpack 5 在样式更改时不支持 HMR（热重载）

Webpack 停止对任何样式更改（CSS、scss）进行热重载。即使将样式导入 .ts/.js 文件似乎也没什么作用（它会重新加载页面，但样式仅适用于手动重新加载）。我...

css webpack sass webpack-dev-server hot-reload

回答 2 投票 0

如何使用Webpack将resolveExtensions配置应用到公开的组件

我在webpack配置中使用了resolveExtensions，如下所示。常量commonOpts = { isExternalEnv：true，输出路径：'dist/生产/www'，解析扩展：['.js'、'.ts'、'.json'、'.jsx'、'.s...

reactjs webpack webpack-dev-server webpack-module-federation

回答 1 投票 0

webpack-dev-server 未在本地创建 dist 文件夹

webpack-dev-server 成功捆绑了 html、scss 和 js 文件，并且输出也在 localhost:8080 上提供，但没有在本地创建 dist 文件夹。以下是...

javascript reactjs webpack webpack-dev-server

回答 2 投票 0

基本 React 应用程序触发 useEffect 两次

我四处搜寻，所有类似的帖子要么不适用，要么没有效果。我有一个非常简化的 React 应用程序（v18.2.0），我想在 ren 上的应用程序中进行一些 API 调用和其他逻辑...

reactjs react-hooks webpack-dev-server

回答 1 投票 0

Webpack：静默输出

我想知道是否有一个配置选项可以告诉 webpack 仅将“重要信息”记录到终端。几乎只是错误和警告，而不是全部：就这样了

webpack webpack-dev-server

回答 13 投票 0

具有 api 历史回退功能的 Webpack 开发服务器不适用于 React Router v6 参数化路由

在本地使用 Webpack 开发服务器，如下所示：开发服务器：{ 历史记录ApiFallback：true } 我使用 React Router v6 进行了路由器设置，如下所示：像这样在本地使用 Webpack 开发服务器： devServer: { historyApiFallback: true } 我使用 React Router v6 进行了路由器设置，如下所示： <Routes> <Route path='/' element={ <AppLayout> <Outlet /> </AppLayout> } > <Route index element={<Dashboard />} /> <Route path='/user' element={<UserList />} /> <Route path='/user/:id' element={<UserDetails />} /> </Route> </Routes> 现在，当我刷新/user时，我正确地看到正在加载的用户路由如果我点击/user/1的链接，路线就会正确加载但是，当我刷新/user/1时，我看到没有加载路线有人知道这里的问题是什么吗？我在以前版本的react router上没有遇到过这个问题我知道这已经很旧了，但对于其他来到这里并遇到同样问题的人来说，这就是我解决问题的方法。在我的 webpack.config 中，我更新了 devServer.historyApiFallback 键： historyApiFallback: { rewrites: [{ from: /./, to: '/index.html' }], index: 'index.html', }, 在我的index.html中的<head>标签中我添加了：<base href="/" />这允许深度路由与React路由器一起使用。当尝试在该嵌套路径加载 html 时，导航到 /child/another-child/last-child 并刷新不会导致 404 错误。它重写了所有路径以指向 /index.html 因为我正在使用 SPA，这是有道理的。然后代码可以根据路径渲染正确的 JSX。

reactjs webpack react-router webpack-dev-server

回答 1 投票 0

如何不使 nrwl/nx 项目中的 TS/lint 错误构建崩溃

当出现 TS/lint 错误时，构建会崩溃，即看不到 UI 即使我有 ENV 变量告诉 webpack 编译错误： ESLINT_NO_DEV_ERRORS=true TSC_COMPILE_ON_ERROR=true 身份证...

webpack webpack-dev-server nrwl-nx nrwl

回答 1 投票 0

Workbox Webpack 插件GenerateSW (v7.x.x) 不需要 importWorkboxFrom 属性

最近我将 webpack 配置从 v4 升级到了 v5，同时还升级了其他相关包。从这些软件包中，我也将 workbox-webpack-plugin 升级到最新版本（v7.0.0）。不...

webpack webpack-dev-server webpack-5 workbox-webpack-plugin

回答 1 投票 0

HtmlWebpackPlugin 抛出 TypeError：更新到 Webpack5 后无法读取未定义的属性“哈希”

我正在将 Web 应用程序中的库更新到最新版本，从而将 Webpack 升级到 Webpack5。调整“webpack.config.dev.js”的参数时，我不断遇到以下错误