如何在运行webpack-dev-server时忽略样式提示错误
在运行webpack-dev-server时忽略样式提示错误，可以通过以下步骤实现：
- 首先，在webpack配置文件中找到对应的style-loader或者css-loader配置项。
- 对于style-loader，可以通过设置
ignoreOrder选项为true来忽略样式的顺序错误。例如：
module.exports = {
// ...
module: {
rules: [
{
test: /\.css$/,
use: [
{
loader: 'style-loader',
options: {
ignoreOrder: true
}
},
'css-loader'
]
}
]
}
// ...
};- 对于css-loader，可以通过设置
importLoaders选项为1，并在options中添加ignore参数来忽略样式的错误提示。例如：
module.exports = {
// ...
module: {
rules: [
{
test: /\.css$/,
use: [
'style-loader',
{
loader: 'css-loader',
options: {
importLoaders: 1,
modules: true,
ignore: /warning/
}
}
]
}
]
}
// ...
};通过以上配置，运行webpack-dev-server时将会忽略样式提示错误。请注意，这只是忽略了错误提示，不会影响样式的正常加载和应用。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云容器服务（TKE）。
相关·内容
我有以下错误 在我的React应用程序中： The react-scripts package provided by Create React App requires a dependency:
"webpack-dev-server": "3.11.1"
Don't try to install it manually: your package manager does it automatically.
However, a different version of webpack-dev-server was detected hi
浏览 29提问于2021-03-01得票数 2
回答已采纳
我在试着让webpack和巴别塔一起工作(这两个我都是新手)。当我运行webpack-dev-server编译时，编译正常，但是我导入的模块中的内容不起作用。下面是我如何配置我的项目：
// package.json
{
"name": "wtf",
"version": "1.0.0",
"description": "",
"scripts": {
"dev": "webpack-dev-server --open",
浏览 14提问于2019-11-25得票数 1
回答已采纳
我正在尝试用TypeScript 2.0.3构建一个带有@type定义的应用程序，并希望使用基金会站点，并将所有内容与webpack捆绑在一起。一旦我试图导入基础，我就会得到没有定义jQuery的控制台错误消息。当我不导入基础时，jQuery工作得很好！
如果有人能解释，我做错了什么，以及如何从.ts文件中加载基础工具提示，那就太棒了。
您可以在这里查看完整的源代码：
我所做的有点基本:我有一个./app文件夹。里面有一个app.ts，main.scss和index.html。
我安装了以下npm软件包：
...
"dependencies": {
"@types/
浏览 2提问于2016-10-16得票数 0
回答已采纳
1回答
npm启动时出错:作者问题
、、、、
npm在命令提示符下启动时出现错误：
package.json:
{
"name": "reactapp",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"start": "webpack-dev-server
浏览 1提问于2018-07-05得票数 0
我正在运行一个ReactJs web应用程序，我的web在webpack-dev-server上运行得很好，但在我捆绑代码后，chrome/firefox控制台总是收到"Uncaught : console.debug is not a function“的提示，我不知道如何解决这个问题。
浏览 1提问于2016-01-21得票数 2
1回答
通过导入使引导程序工作。
、、、
我导入引导样式。
import "bootstrap/scss/bootstrap.scss"
然后我创建了一个简单的容器
<div className="container">
<div className="row">
<div className="col-6">
23423423
</div>
<div className="col-6">
234234234
</div>
浏览 1提问于2019-08-31得票数 0
我得到以下信息
[webpack-dev-server] WARNING
▲ [WARNING] "z-Index" is not a known CSS property
styles.css:119530:2:
119530 │ z-Index: 10;
│ ~~~~~~~
╵ z-index
Did you mean "z-index" instead?
我确实理解css z-index被错误声明的地方，但我在代码中找不到它&我没有任何styles.css文
浏览 22提问于2022-05-02得票数 0
回答已采纳
我在Windows命令提示符中运行: npm
并得到：
JavaScript-ES6@1.0.0启动C：\Dans\Course\JavaScript-ES6 webpack-dev-server
דwds”：无效配置对象。Webpack已经使用一个与API模式不匹配的配置对象进行初始化。- configuration.module有一个未知的属性“装入器”。这些属性是有效的: object { exprContextCritical？、exprContextRecursive？、exprContextRegExp？、exprContextRequest？、noParse？、rule
浏览 1提问于2018-05-24得票数 0
回答已采纳
从Rails 5.1开始，可以在rails server旁边运行webpack-dev-server。我已经将launch.json中的调试器配置为运行rails服务器。当我通过vscode启动rails服务器时，我希望它在后台自动运行./bin/webpack-dev-server，以便将javascript更改自动编译为另一个进程，但我不知道如何实现这一点。
我已经在tasks.json中创建了运行webpacker的任务，但是我不知道如何将它与launch.json结合起来。
这是我的launch.json
{
"version": "0.2.0",
浏览 2提问于2020-12-24得票数 1
回答已采纳
1回答
我有一个Rails/Webpacker/Vue应用程序，我想在每个页面上都有不同的样式。看起来可能是这样的：
// page-a.vue
<style lang="scss">
@import './stylesheets/a';
</style>
// page-b.vue
<style lang="scss">
@import './stylesheets/b';
</style>
这些样式表有完全独立的规则，不应该混在一起。
在使用webpack-dev-serv
浏览 0提问于2018-03-07得票数 0
我不明白为什么我不能让它运行..。我做了以下几件事。
npm install -g webpack webpack-dev-server
确认已成功安装。
现在，当我尝试执行webpack-dev-server时，我得到以下内容：
$ webpack-dev-server --inline --hot
zsh: command not found: 'webpack-dev-server'
永远不要遇到这样的情况，因为我的所有其他npm模块都加载/运行良好，在本地和全球都是如此。我也尝试过在本地安装它到一个项目(添加到package.json，npm安装，yadda .)并收到
浏览 9提问于2015-11-16得票数 6
回答已采纳
1回答
我只是尝试将webpack-dev-server从3.11.2版本更新为最新版本，这是基于npm outdated命令的4.7.3：
root@fdaf6460fe1a:/home/ubuntu/myapp# npm outdated
Package Current Wanted Latest Location Depended by
@rails/activestorage 6.1.4 6.1.4 7.0.1 node_modules/@rails/activestorage myapp
浏览 3提问于2022-01-27得票数 0
当我在苹果电脑上运行webpack-dev-server时，如何让webpack打开勇敢的浏览器？ 例如，我就是这样运行webpack并打开google chrome浏览器的： webpack-dev-server --env.mode=development --open "Google Chrome"
浏览 38提问于2020-10-16得票数 1
我参与了的介绍工作，能够在生产模式下构建和运行。我在获取开发模式时遇到了问题
webpack-dev-server --inline --progress --port 8080
70% 1/1 build modulesC:\angular2-webpack\node_modules\webpack\lib\NormalModuleFactory.js:72
var elements = request.replace(/^-?!+/, "").replace(/!!+/g, "!").split("!"
浏览 2提问于2016-07-13得票数 0
在npm中运行webpack-dev-server时，我得到了这个错误： webpack-dev-middleware@3.7.2 requires a peer of webpack@^4.0.0 but none is installed. You must install peer dependencies yourself. 不过，我已经装上了webpack。这是我的package.json。我遗漏了什么？ {
...
"scripts": {
"watch": "webpack-dev-server --progress --
浏览 176提问于2020-11-08得票数 1
回答已采纳
目前，我在一个UI项目的本地主机端口3000上运行了一个webpack开发服务器
webpack-dashboard -- webpack-dev-server --config webpack.dev.js --inline --hot --watch --host 0.0.0.0 --port 3000
现在，当我想要在本地主机端口4000上为另一个UI项目运行另一个webpack开发服务器时，它会抛出EADDRINUSE错误，因为webpack- dev -server绑定到端口3000中的第一个UI项目
如何配置webpack-dev-server同时运行两个UI项目？
浏览 1提问于2017-01-06得票数 0
1回答
(我还是刚接触过角5/ Webpack，所以我对任何误解表示歉意！)当我运行'webpack-dev-server‘时，它会加载我的所有样式，除了我的全局样式表styles.scss，它包含将边距和填充重置为0的代码。但是它能够加载所有其他的html和css，并且可以在我更改代码时进行更新。奇怪的是，当我运行“ng serve”时，全局样式表应用得很好，边距和空白都消失了！
据我所知，装载器正在正确地将scss转换到css，但由于某种原因，捆绑变得一团糟。也许我把文件捆绑在一起做错了什么？？我在配置文件中搅乱了很多规则，所以我可能会不小心把一些模块之间的交互搞得一团糟。
我一直在寻找那
浏览 4提问于2017-11-17得票数 4
回答已采纳
现在，我正在为我们的临时WordPress站点制作格式良好的CSS文件，直到新站点准备就绪。在制作了CSS样式表和漂亮的HTML文件后，我发现如果它们内联在帖子中，它们就不能在WordPress中工作，而我不得不将它们放在一个单独的原始HTML文件中(使用"WP文件管理器“插件将它们上传到一个单独的文件夹中)。在那之后，它们在网站上的显示方式与它们在我的HDD或我的个人(LAMP)测试站点(使用Safari 10.1.1 OS X)上的显示方式相匹配，如果我在我的浏览器中显示源代码，它看起来与我上传的完全相同。
然后我按照w3schools的教程用CSS创建了一个工具提示样式。在样式表
浏览 2提问于2018-01-21得票数 1
Webpack热重装只适用于指定文件夹中的文件，而不是该文件夹的子文件夹中的文件。奇怪的是，在我最近将机器从Ubuntu重新设置为Debian之前，它一直在工作。我想npm已经在这个新系统上安装了稍微不同的版本。有什么想法吗？
var path = require('path');
var webpack = require('webpack');
publicPath = 'http://localhost:3000/';
module.exports = {
devtool: 'eval',
node: {
浏览 1提问于2016-02-12得票数 3
回答已采纳
我是Angular2 Cli的新手，在这里我在运行Cli项目时发现了一个错误。
多主模块中的'webpack-dev-server/client?‘错误，未找到模块:错误:无法解决’node_\angular\model‘中的
我已经在全球范围内安装了“webpack”和“webpack-dev-server”，但错误仍然存在。
任何身体，请帮助我找到解决办法。
谢谢,
浏览 16提问于2016-10-27得票数 7
1回答
让我首先说明一下这个问题的症状。然后我将提供更多的事实，并解释我的问题。
症状
我已经编写了一个自定义Windows控件。控件将自己绘制为响应WM_PAINT消息。它还使用跟踪工具提示(即TOOLTIPS_CLASS公共控件的跟踪功能)。
当我将鼠标拖动到控件上时，工具提示将很好地跟随鼠标。问题是因为它留下了一条灰色的条纹。这条条纹需要相当长的时间来重新绘制--正如你可以从附图中看到的，我可以点击PRNTSCRN，并在控件有时间重新绘制自己之前拍摄它的屏幕快照。
(更奇怪的是，WM_PAINT处理程序似乎连一次都没有运行。但是请注意，导致工具提示跟踪的代码是在WM_MOUSEMOVE
浏览 2提问于2013-06-11得票数 0
回答已采纳
日安，
在上面的图片中，手写提示JS文件中的CSS错误。是否有办法阻止样式表验证javascript文件，我无法在他们的中找到这样的选项。
非常感谢。
浏览 3提问于2018-06-01得票数 9
回答已采纳
在package.json devDependencies中，我安装了webpack-dev-devDependencies：
"webpack-dev-server": "3.2.1"
但是当我运行启动脚本时，它看起来如下所示：
"start": "webpack-dev-server --inline --config demo/webpack.config.js --port 9000 --mode development"
我得到了这个错误：
sh: 1: webpack-dev-server: not found
npm
浏览 0提问于2019-06-25得票数 0
我注意到，当我运行webpack时，我的所有捆绑文件都在build目录中，但当我运行webpack-dev-server时，我在build目录中看不到它们，尽管如此，所有文件都在运行。 WDS是如何做到这一点的？下面是我的脚本： "scripts": {
"build": "npx yarn clean && webpack --mode production",
"buildRemote": "npx yarn clean && webpack --config we
浏览 22提问于2019-04-26得票数 0
回答已采纳
WebStorm在的一个未接触的分支上报告错误，见下图。错误消息是针对文件中行import {App} from './components/index';中的应用程序的，并显示为Corresponding file is not included in tsconfig.json。但执行webpack-dev-server没有任何错误，应用程序在浏览器中运行良好。
如果我从中删除以下代码
"files": [
"lib/index.ts"
]
然后错误就消失了。该应用程序也运行良好(在停止和启动webpack-dev-server之后也是如
浏览 0提问于2016-01-22得票数 2
1回答
情况
我使用作为我的jQuery UI主题。它工作得很好，但是当涉及到显示工具提示时，它们覆盖了页面宽度的100%。
我和其他主题没有这个特别的问题。因此，我检查了Aristo.css，遗憾的是，在其中没有发现任何与工具提示宽度有关的内容。
下面是我如何初始化jQuery工具提示：
jQuery(document).ready(function() {
}).tooltip();
更新
07.04
看来，Aristo完全删除了jQuery工具提示的样式。默认的工具提示运行良好。
因此，工具提示的默认宽度为100%，也没有填充。
07.05
浏览 3提问于2013-07-04得票数 4
回答已采纳
请教我如何使用webpack-dev-server运行preact应用程序的解决方案。我在"npm run start“中看到以下错误
package.json文件
npm运行开始
浏览 2提问于2021-06-14得票数 0
在运行下面的命令以运行webpack dev服务器时，我会得到这个错误。在一些页面中，大多数人提到它可能与webpack的过时版本有关，但我相信我的组件都在最新版本上：
webpack-dev-server@3.11.2webpack-cli@4.5.0webpack@5.24.4
这是我正在运行的启动webpack dev服务器的命令：
npx webpack-dev-server --compress --history-api-fallback --progress --host 0.0.0.0 --port 3005
这是我的Package.json：
{
"name
浏览 4提问于2021-03-10得票数 0
当我试图在ios或安卓系统上运行我的react原生应用程序时，Metro Bundler会提示一个错误，说我没有安装http模块。 我已经尝试过npm react-native install http，并且它安装正确，但当我上传应用程序时，它会提示我以下错误： 错误:捆绑失败:错误:尝试从文件/node_modules/express/lib/application.js解析模块http时，成功找到了包node_modules/http/package.json。但是，此程序包本身指定了无法解析的main模块字段(node_modules/http/index.js。
浏览 4提问于2020-03-21得票数 0
回答已采纳
在将webpack从4.46.0更新到5.35.0以及插件、加载器、webpack-dev-server、webpack和webpack-dev-server配置文件之后，在运行开发服务器或服务于生产版本时，我得到以下错误。对于开发构建：
Uncaught TypeError: Cannot set property 'webpackHotUpdate_<myAppName>' of undefined
at jsonp chunk loading:78
与产品构建非常类似的错误：
Uncaught TypeError: Cannot read property &
浏览 3提问于2021-04-21得票数 0
如果我设置了一个非常简单的webpack项目并安装webpack-dev-server，那么当我从命令行或通过npm脚本运行“npm server-open”时，默认情况下我会得到实时重新加载。也就是说，一旦我编辑了源文件，就会重新构建包，并自动重新加载浏览器。
但是，如果我使用Node来触发webpack-dev-server，则使用以下代码：
const WebpackDevServer = require('webpack-dev-server');
const webpack = require('webpack');
const webpackConf
浏览 7提问于2017-05-02得票数 2
回答已采纳
1回答
我已经为我的应用程序配置了WebPack，并添加了webpack-dev-server。它在运行后成功编译，并显示“项目正在上运行”。然而，当我试图在我的浏览器中打开它时，我得到一个“此站点无法访问”的页面，并显示以下错误：
ERR_CONNECTION_REFUSED
任何修复建议都将非常感谢！
我的package.json文件中的代码片段：
"scripts": {
"build": "webpack --config webpack.config.js",
"start:dev": "webpack-
浏览 26提问于2019-03-30得票数 6
回答已采纳
1回答
我有一个这样的webpack.config.js文件：
var path = require('path')
var webpack = require('webpack');
module.exports = {
entry: "./index.js",
output: {
path: path.join(__dirname, 'static'),
filename:'bundle.js'
},
module: {
loaders:
浏览 0提问于2016-05-19得票数 0
我已经将webpack-dev-server更新到最新的3.1.14，但在使用npm audit --fix时仍然遇到漏洞问题。我什么都试过了。正在清除缓存。清除所有模块并重新安装，但都是一样的。 以下是我运行npm audit时出现的错误 $ npm audit
=== npm audit security report ===
Manual Review
浏览 27提问于2019-01-02得票数 5
回答已采纳
我已经使用WSL在Windows的Ubuntu发行版中安装了Redis，并试图通过Windows命令提示符连接到服务器。
当我平Ubuntu的本地IP (172.29.0.1)时，我得到了ping结果，但是当我用端口号(172.29.0.1:6379)平同一个IP时，我将得到这个错误消息。
Ping request could not find host 172.29.0.1:6379. Please check the name and try again.
我已经使用sudo service redis-server start启动了Ubuntu上的redis服务器。
当我在Ubuntu的
浏览 11提问于2022-07-28得票数 3
回答已采纳
1回答
每当我运行npx cypress open-ct时，我的开发服务器就无法启动。
[@cypress/webpack-dev-server]: removing HtmlWebpackPlugin from configuration.
[@cypress/webpack-dev-server]: removing HtmlPwaPlugin from configuration.
[@cypress/webpack-dev-server]: removing PreloadPlugin from configuration.
[@cypress/webpack-dev-server]: rem
浏览 7提问于2021-12-18得票数 0
回答已采纳
尝试从VSCode bash终端运行"webpack-dev-server --open“。错误:找不到webpack-dev-server 为什么我必须使用'-g‘进行安装？如果我安装本地，我会得到not found错误。在这种情况下，我是否必须修改路径才能获取本地安装？ npm install webpack-dev-server -g
浏览 17提问于2020-11-30得票数 0
我有一个应用程序，它使用高级图表向用户显示数据，而且运行良好。我现在正在为这个应用程序应用一个内容-安全-策略头，这也很好(目前只在报告模式下)。
问题是高级图表使用内联样式，显然这些都是违反CSP的行为。因此，我希望防止这些违反策略的行为，而不只是允许内联样式(这降低了拥有CSP的价值)。
因此，我的问题是:是否有办法将现在的情况注入高图表，使违规行为停止？
错误报告是：
[Report Only] Refused to apply inline style because it violates the following Content Security Policy directive
浏览 1提问于2020-05-22得票数 2
回答已采纳
我的Jest配置细节是
jest.config.js
module.exports = {
transform: {
'^.+\\.svelte$': 'svelte-jester',
'^.+\\.js$': 'babel-jest',
},
moduleFileExtensions: ['js', 'svelte'],
}
babel.config.js
module.exports = {
presets: [
[
浏览 2提问于2020-06-12得票数 1
回答已采纳
我在实现自己的CustomTooltip时第一次遇到了这种情况，但我认为这实际上可能是一个重图表错误，因为即使是文档站点的也有同样的问题。如果从代码框的第110行中删除“content={< CustomTooltip />}”，将将工具提示转换为基本提示，如下所示：
但是，当您将该部分放回文档作为CustomTooltip示例时，工具提示的背景(因为缺少更好的术语)就会消失。
有没有人知道这是个重绘错误，还是我做错了什么？我只想让我的自定义工具提示具有与基本工具相同的视觉外观
浏览 5提问于2022-03-04得票数 1
1回答
提前谢谢你帮我。
我希望根据目录中的更改创建一个产品。为此，我使用了npm的watch软件包。下面是我在package.json中的“脚本”
"scripts": {
"webpack-dev-server": "webpack-dev-server",
"dev": "watch 'npm run prod' src",
"prod": "webpack --mode=production"
},
现在当我运行npm run dev命令时。它
浏览 0提问于2019-04-18得票数 3
1回答
我正在做一个MFC项目(我知道是旧技术)。
在我的对话框类(从CDialog派生)中，我有：
CToolTipCtrl m_cToolTipCtrl;
CWnd m_cImageWindow;
在类OnInitDialog函数中，我这样做：
m_cToolTipCtrl.Create(this);
m_cImageWindow.CreateEx(...);
m_cToolTipCtrl.AddTool(this,_T("Parent"));
m_cToolTipCtrl.AddTool(&m_cImageWindow,_T("Child"
浏览 2提问于2017-05-16得票数 2
1回答
在将javascript文件导入vue.js组件时遇到了错误：
这是/components子文件夹的内容：
/startingV/src/components$ ls -lah
total 132K
drwxr-xr-x 2 marco marco 4,0K dic 26 11:22 .
drwxr-xr-x 5 marco marco 4,0K dic 26 09:32 ..
-rw-r--r-- 1 marco marco 441 nov 2 2016 Counter.vue
-rw-r--r-- 1 marco marco 441 dic 21 15:13 FormValidat
浏览 4提问于2019-12-26得票数 4
回答已采纳
在或文章中，我看到用webpack开发服务器启用HMR，我们需要使用webpack-dev-server --hot --inline，即使我省略了hot标志，并且只保留在代码基HMR中的inline仍然有效。所有的文件都是旧的还是我做错了？
我不会在webpack配置中定义任何devServer选项，这是我的web包配置
module.exports = {
entry: {
main: "./app/main.ts",
shims: ['es6-shim', 'reflect-metadata', 'rxj
浏览 5提问于2016-05-24得票数 3
回答已采纳
1回答
是否存在CSS验证器，在该验证器中可以在文件ála jslint中提示验证规则在该文件或规则中是否有效。
我试过了
validatorcsslint W3C W3C
它们都不提供此功能，并且总是导致要使用的标记(IE hack，供应商扩展)的验证错误。
为了进一步澄清问题:我想在提交钩子中使用这个验证器来捕获不符合项目策略的CSS。我不那么感兴趣，如果人们认为供应商前缀是好的还是坏的。
浏览 1提问于2012-05-22得票数 2
回答已采纳
我找不到一种方法来执行我的节点命令与产卵方法。我的剧本是：
node node_modules/.bin/webpack-dev-server --port 8081 --content-base app
我试着执行它，就像：
spawn('node', ['node_modules/.bin/webpack-dev-server --port 8081 --content-base app']);
这将返回一个错误
Cannot find module '/Users/myuser/code/gui/node_modules/.bin/webpack-
浏览 2提问于2016-03-14得票数 0
回答已采纳
直到最近一切都很好。现在，突然之间，webpack-dev-server抛出一个错误。
我的webpack.config.js看起来是这样的：
var path = require("path");
module.exports = {
entry: {
app: ["./src/js/app.js"]
},
output: {
path: path.resolve(__dirname, "./dist/js/"),
filename: "bundle.js"
},
devServer:
浏览 2提问于2017-08-31得票数 1
回答已采纳
我的浏览器中有以下错误：
未知错误:不变冲突：style支柱需要从样式属性到值的映射，而不是字符串。例如，当使用JSX时，style={marginRight:marginRight+‘em’}。
这是当运行webpack-dev服务器并进入本地主机:8080时.
./模块/main.js：
/** @jsx React.DOM */
var React = require('react');
var HoverAction = require('./HoverAction/HoverAction');
var Application = React
浏览 4提问于2015-04-28得票数 10
回答已采纳
我将Node最新版本更新为15.0.1 &NPM7.0.3。在我安装节点模块并使用npm运行我的项目之后，启动它，显示这些类型的错误.
交叉env NODE_ENV=development webpack-dev-server --开放式-config webpack.dev.js
节点:事件:304抛出er；//未处理的“错误”事件^
错误:在Process.ChildProcess._handle.onexit (节点:内部/子进程:269:19) onErrorNT (节点:内部/子进程:465:16)的processTicksAndRejections (节点:内部/进程/任
浏览 3提问于2020-10-27得票数 1
我正在经历一些基本的java概念。我正在研究方法并尝试验证这个错误。
"MethodSignature.java:10: error: method m1(String) is already defined in class MethodSignature
public static void m1(String s)"
当我从命令提示符运行时，出现上述错误。但是，当通过eclipse运行时，尽管它显示错误，程序仍会打印所需的字符串。在命令提示符的情况下，我没有得到任何如上所述的错误。
为什么Eclipse和命令提示符的执行会有差异？
在命令提示符中，我不能运
浏览 0提问于2017-10-29得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
