webpack-dev-server 相关问题

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

排除 webpack 开发服务器 cli 错误

在成功构建的 webpack 包上运行“npx webpack 服务器”,发生错误时的输出并不能告诉我太多信息(错误:“错误标签”位于 webpack 开发服务器代码深处),你在哪里...

回答 2 投票 0

webpack-dev-server 启用功能,然后在 Webpack 配置中使用“host”选项时断开两次连接

将 webpack-dev-server 从 3.11.0 更新到 4.4.0 后,当我在 Webpack 配置文件中的 devServer 下使用“host”选项时,热重载不再起作用。我的控制台显示 WDS 连接...

回答 2 投票 0

在单页应用程序中设置CSP(框架祖先)

如何使用 Webpack 捆绑器在单页面应用程序中设置 Frame Ancestors CSP?我知道无法在 HTML 中使用 标签设置框架祖先。 我尝试附加 Content-Security-Pol...

回答 1 投票 0

使用 webpack 的多个 html 文件

我正在尝试在一个项目中做一些事情,但我不确定是否可能,我的方式错误或误解了某些东西。我们正在使用 webpack,其想法是提供多个 html 文件...

回答 8 投票 0

有没有一种简单或惯用的方法来访问 Angular 单元测试中的文件?

我有单元测试的默认设置(Jasmine 和 Karma)。我需要为从 XMLDocument 读取提供的 Element 节点的函数编写单元测试。虽然我可以生成 DOM

回答 1 投票 0

Webpack-dev-server 处理代理标头

当 webpack-dev-server 代理到我的产品环境时,我遇到了问题。生产服务器向我发送“set-cookie”标头,但它是一个数组,我在开发服务器的响应中没有看到它......

回答 1 投票 0

如何获取 webpack 开发服务器所提供的 URL?

本地运行webpack开发服务器时,部分输出为: ℹ“wds”:webpack 输出由 https://some-url.com:4322/ 提供 有没有办法在我的应用程序中以编程方式获取此主机 URL?

回答 2 投票 0

导入“firebase/app”模块未找到:错误:默认条件应该是最后一个

嗨,我从 webpack 和 firebase 开始。每次当我这样做时: 从“firebase/app”导入{initializeApp}; 这是错误: 文件结构: 索引.html: <...

回答 3 投票 0

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

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

回答 1 投票 0

为 Shopify 开发设置 webpack/HMR

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

回答 1 投票 0

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

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

回答 5 投票 0

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

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

回答 3 投票 0

webpack 5 在样式更改时不支持 HMR(热重载)

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

回答 2 投票 0

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

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

回答 1 投票 0

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

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

回答 2 投票 0

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

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

回答 1 投票 0

Webpack:静默输出

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

回答 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。

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.