webpack报错: cannot resolve scss-loader
来源:5-2 底部tab按钮开发-UI逻辑编写(1)

西域战神
2018-10-31
module: {
rules: [
{ test: /\.(js|jsx)$/, use:[{loader:'babel-loader'}], include:srcRoot},
{ test: /\.css$/ , use:['style-loader', 'css-loader'], include:srcRoot},
{ test: /\.scss$/, use:['style-loader', 'css-loader', 'scss-loader'], include:srcRoot},
{ test: /\.(png|jpg|jpeg)$/, use:'url-loader?limit=8192', include:srcRoot}
]
}
{
"name": "aeshop",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"dev": "./node_modules/.bin/webpack-dev-server --config webpack.config.dev.js"
},
"author": "LarryK",
"license": "ISC",
"dependencies": {
"babel-core": "^6.26.0",
"babel-eslint": "^8.2.3",
"babel-loader": "^7.1.4",
"babel-plugin-react-hot-loader": "^3.0.0-beta.6",
"babel-plugin-transform-async-to-generator": "^6.24.1",
"babel-plugin-transform-runtime": "^6.23.0",
"babel-preset-es2015": "^6.24.1",
"babel-preset-react": "^6.24.1",
"babel-preset-stage-0": "^6.24.1",
"css-loader": "^0.28.11",
"file-loader": "^1.1.11",
"html-webpack-inline-source-plugin": "0.0.10",
"html-webpack-plugin": "^3.2.0",
"node-sass": "^4.7.2",
"react": "^16.2.0",
"react-dom": "^16.2.0",
"react-redux": "^5.0.7",
"redux": "^3.7.2",
"redux-thunk": "^2.2.0",
"sass-loader": "^6.0.7",
"sass-resources-loader": "^1.3.3",
"scss-loader": "0.0.1",
"style-loader": "^0.20.3",
"url-loader": "^1.0.1",
"webpack": "^4.3.0",
"webpack-cli": "^2.0.12",
"webpack-dev-server": "^3.1.1"
}
}
写回答
2回答
-
吕小鸣
2018-10-31
将
{ test: /\.scss$/, use:['style-loader', 'css-loader', 'scss-loader'], include:srcRoot}
修改为
{ test: /\.scss$/, use:['style-loader', 'css-loader', 'sass-loader'], include:srcRoot}
00 -
吕小鸣
2018-10-31
你好,根据截图上的显示因为你的sass-loader没有安装成功哈
00
相似问题