gpt4 book ai didi

Webpack@4.0.0 : "Module parse failed. You may need an appropriate loader to handle this file type" - though using css-loader and style-loader

转载 作者:行者123 更新时间:2023-12-02 10:08:40 28 4
gpt4 key购买 nike

下面是我的 webpack.config.js 和 package.json

module.exports = {
entry: "./entry.js",
output: {
filename: "./build/js/bundle.js"
},
module: {
rules: [
{
test: /.\js$/,
use: [
{
loader: 'babel-loader',
options: {
presets: ["es2015"]
}
}
]
},
{
test: /.\css?$/,
include: __dirname + "./src/css",
exclude: __dirname + "./src/js",
use: [
'style-loader',
{
loader: 'css-loader',
options: {
modules: true
}
}
]
}
]
},
plugins: [
// new UglifyJsPlugin()
]
}


"dependencies": {
"ajv-keywords": "^3.1.0",
"ajv": "^6.0.0",
"axios": "^0.17.1",
"babel-minify-webpack-plugin": "^0.3.0",
"extract-text-webpack-plugin": "^3.0.2",
"install": "^0.10.4",
"npm": "^5.6.0"
},
"devDependencies": {
"babel-core": "^6.26.0",
"babel-loader": "^7.1.3",
"babel-preset-es2015": "^6.24.1",
"css-loader": "^0.28.10",
"style-loader": "^0.20.2",
"webpack": "^4.0.0"
},

错误如下

ERROR in ./src/css/autosuggest-style.css Module parse failed: Unexpected token (1:0) You may need an appropriate loader to handle this file type. | .ngCustomInput *, *:before, *:after { |
-moz-box-sizing: border-box; | -webkit-box-sizing: border-box; @ ./entry.js 20:0-42

ERROR in ./src/css/newUiStyles.css Module parse failed: Unexpected token (1:4) You may need an appropriate loader to handle this file type. | body{ | background-color: #F2F2F2; | font-family: sans-serif; @ ./entry.js 3:0-36 ERROR in ./src/css/custom-style.css Module parse failed: Unexpected token (2:0) You may need an appropriate loader to handle this file type. | /* Styles go here */ | .border | { | border:1px solid transparent; @ ./entry.js 21:0-37

不确定是什么错误......

提前感谢您的帮助

最佳答案

请查看您的正则表达式进行匹配。这是错误的。应该是:

/\.css$/ 用于 CSS

/\.js$/ 用于 js

您的反斜杠位置错误。您的正则表达式匹配名为:style\css

的文件

关于Webpack@4.0.0 : "Module parse failed. You may need an appropriate loader to handle this file type" - though using css-loader and style-loader,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49036570/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com