Laravel scss npm run dev - 无法解析'../images/bg-main.png'答案

【问题标题】：Laravel scss npm run dev - Can't resolve '../images/bg-main.png'Laravel scss npm run dev - 无法解析'../images/bg-main.png'
【发布时间】：2020-04-18 08:30:29
【问题描述】：

我有 Laravel 项目，我想从 scss 生成 css 文件。我的webpack.mix.js 文件如下所示：

mix.sass('resources/assets/sass/style.scss', 'public/css/style.css');

当我运行命令 npm run dev 时出现错误：

ERROR in ./resources/assets/sass/style.scss
Module build failed: ModuleNotFoundError: Module not found: Error: Can't resolve '../images/bg-main.png' in '/var/www/html/bitpay/resources/assets/sass'

ERROR in ./node_modules/css-loader??ref--4-2!./node_modules/postcss-loader/lib??postcss!./node_modules/resolve-url-loader??ref--4-4!./node_modules/sass-loader/lib/loader.js??ref--4-5!./resources/assets/sass/style.scss
Module not found: Error: Can't resolve '../images/bg-main.png' in '/var/www/html/bitpay/resources/assets/sass'
 @ ./node_modules/css-loader??ref--4-2!./node_modules/postcss-loader/lib??postcss!./node_modules/resolve-url-loader??ref--4-4!./node_modules/sass-loader/lib/loader.js??ref--4-5!./resources/assets/sass/style.scss 7:14663-14695
 @ ./resources/assets/sass/style.scss
 @ multi ./node_modules/laravel-mix/src/builder/mock-entry.js ./resources/assets/sass/style.scss

ERROR in ./node_modules/css-loader??ref--4-2!./node_modules/postcss-loader/lib??postcss!./node_modules/resolve-url-loader??ref--4-4!./node_modules/sass-loader/lib/loader.js??ref--4-5!./resources/assets/sass/style.scss
Module not found: Error: Can't resolve '../images/bg-recommendations.png' in '/var/www/html/bitpay/resources/assets/sass'
 @ ./node_modules/css-loader??ref--4-2!./node_modules/postcss-loader/lib??postcss!./node_modules/resolve-url-loader??ref--4-4!./node_modules/sass-loader/lib/loader.js??ref--4-5!./resources/assets/sass/style.scss 7:17599-17642 7:22181-22224
 @ ./resources/assets/sass/style.scss
 @ multi ./node_modules/laravel-mix/src/builder/mock-entry.js ./resources/assets/sass/style.scss

如何将图片文件夹添加到编译中？

【问题讨论】：

标签： css laravel npm sass

【解决方案1】：

该图像文件可能不存在。

【讨论】：

它存在于文件夹中：var/www/html/myproject/public/images/bg-main.png
我已将包含图片的文件夹移至 sass 文件夹

【解决方案2】：

这是一个不正确的路径错误，您在 CSS 的某处使用了./images/bg-main.png。因此，找到该实例并更改路径 background-image:url('~/images/bg-main.png');

【讨论】：