在节点(webpack)中找不到模块


由于某种原因,我无法加载任何模块。我甚至重新安装了操作系统,但我使用的任何模块都会出现同样的错误

我已经重新安装了节点,清除了缓存等。

请打开下面的代码链接
https://github.com/ziyak9803/Webpack/tree/main

但由于某些原因,它在旧的lib/模块版本上运行良好

//Working Fine
"devDependencies": {
"css-loader": "^2.1.0",
"style-loader": "^0.23.1",
"webpack": "^4.29.6",
"webpack-cli": "^3.2.3"
}

但不适用于最新的依赖项

//Not Working
"devDependencies": {
"css-loader": "^6.5.1",
"style-loader": "^3.3.1",
"webpack": "^5.65.0",
"webpack-cli": "^4.9.1"
}

索引.js

import './style.css';
const headline = "Hello World";
document.querySelector('h1').innerText = headline;

style.css

body {
background-color: blue;
color: red;
}
h1 {
font-size: 3rem;
}

package.json

{
"name": "webpack-testing",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"start": "webpack"
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"css-loader": "^6.5.1",
"style-loader": "^3.3.1",
"webpack": "^5.65.0",
"webpack-cli": "^4.9.1"
}
}

webpack.config.js

const path = require("path");
module.exports = {
mode: "development",
entry: "./src/index.js",
output: {
filename: "main.js",
path: path.resolve(__dirname, "dist"),
},
module: {
rules: [
{
test: /.css$/i,
use: ["css-loader"],
},
],
},
};

错误日志:

../../../#Projects/#Minor/webpack-testing/src/index.js 108 bytes [built] [code generated]
../../../#Projects/#Minor/webpack-testing/src/style.css 39 bytes [not cacheable] [built] [code generated] [1 error]
ERROR in ../../../#Projects/#Minor/webpack-testing/src/style.css
Module build failed (from ../../../#Projects/#Minor/webpack-testing/node_modules/css-loader/dist/cjs.js):
Error: Cannot find module 'E:#Projects#Minorwebpack-testingnode_modulescss-loaderdistcjs.js'
Require stack:
- E:#Projects#Minorwebpack-testingnode_modulesloader-runnerlibloadLoader.js
- E:#Projects#Minorwebpack-testingnode_modulesloader-runnerlibLoaderRunner.js
- E:#Projects#Minorwebpack-testingnode_moduleswebpacklibNormalModuleFactory.js
- E:#Projects#Minorwebpack-testingnode_moduleswebpacklibCompiler.js
....

显然是我的文件夹/目录名导致了问题。我有一个习惯,就是把所有东西都按顺序排列,我用特殊的字符作为第一个字符来命名重要的文件夹,这样它们就会在一开始就出现
例如:#Major!Project作为文件夹名称。


当我文件夹/目录名称中删除特殊字符时,问题得到了解决
例如:MajorProject作为文件夹名称

最新更新