Can';t解决';css加载器';-网页包启动错误
正是按照Web包网站上的入门指南,我在构建时遇到了以下错误: 未找到./src/index.js模块中的错误:错误:无法解析“C:\Users\Dominik\Desktop\tutorial”中的“css加载器”。/src/index.js 2:0-21 webpack.config.jsCan';t解决';css加载器';-网页包启动错误,css,webpack,css-loader,Css,Webpack,Css Loader,正是按照Web包网站上的入门指南,我在构建时遇到了以下错误: 未找到./src/index.js模块中的错误:错误:无法解析“C:\Users\Dominik\Desktop\tutorial”中的“css加载器”。/src/index.js 2:0-21 webpack.config.js css加载程序在本地安装。它在package.json中注册。我做错了什么 const path=require(“路径”); module.exports={ 条目:“./src/index.js”, 输
css加载程序
在本地安装。它在package.json
中注册。我做错了什么
const path=require(“路径”);
module.exports={
条目:“./src/index.js”,
输出:{
文件名:“bundle.js”,
path:path.resolve(uu dirname,“dist”)
},
模块:{
规则:[
{
测试:/\.css$/,,
用法:[“样式加载器”、“css加载器”]
}
]
}
};
package.json
{
"name": "tutorial",
"version": "1.0.0",
"description": "",
"private": true,
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build": "webpack"
},
"author": "",
"license": "ISC",
"devDependencies": {
"css-loader": "^3.4.0",
"style-loader": "^1.1.1",
"webpack": "^4.41.4",
"webpack-cli": "^3.3.10"
},
"dependencies": {
"lodash": "^4.17.15"
}
}
index.js
从“lodash”导入;
导入“/style.css”;
函数组件(){
常量元素=document.createElement(“div”);
element.innerHTML=\.join([“你好”,“网页包],”);
element.classList.add(“hello”);
返回元素;
}
document.body.appendChild(component());
style.css
。你好{
颜色:红色;
}
尝试重新运行npm安装--保存dev css loader
。你能在你的node\u modules
文件夹中看到它吗
编辑
卸载并重新安装模块修复了它:
npm删除css加载程序和&npm安装--保存dev css加载程序
已尝试。再一次。没有成功。对就在那里,好的。我不知道发生了什么事。但是,用npm uninstall卸载它——保存dev css loader并再次安装它就成功了。是的,正如我所怀疑的,它最初的安装方式不太正确:)初始安装是:npm install——保存dev样式的css loader
我从中复制了它。