Ошибка компиляции веб-пакета при сборке в виде модуля css - PullRequest
Новая
       31

Ошибка компиляции веб-пакета при сборке в виде модуля css

0 голосов
/ 09 марта 2020

Правило динамического c импорта файлов s css! 

{
    test: /\.scss$/,
    use: [
        {
            loader: 'style-loader',
            options: {
                injectType: 'linkTag',
                insert: function (self)
                {
                    const [head, script] = document.querySelectorAll('head, #bundle');
                    head.insertBefore(self, script);
                }
            }
        },
        {
            loader: 'css-loader'
        },
        {
            loader: 'sass-loader',
            options: {
                webpackImporter: false
            }
        },
        {
            loader: 'file-loader',
            options: {
                name: '[contenthash].css',
                outputPath: '../../static/css',
                publicPath: '/static/css'
            }
        }
    ]
}

Скрипт для теста: 

import('../scss/p/services/_.scss')
.then((style) =>
{
    style.use()
})

Содержимое моего файла s css : 

body
{
    height: 100vh; width: 100vw;
    background-color: red;
}

ошибка, которую я получаю при запуске webpack: 

ERROR in ./preset/scss/p/services/_.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ref--6-2!./node_modules/file-loader/dist/cjs.js??ref--6-3!./preset/scss/p/services/_.scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "e": expected 1 selector or at-rule, was 'export default "/st'
        on line 1 of E:\laravel\resources\assets\preset\scss\p\services\_.scss
>> export default "/static/css/5fefc2951114114edc21868f8866ac3d.css";
   ^

 @ ./preset/scss/p/services/_.scss 2:26-213
 @ ./preset/ts/main.ts

--------------

Мои потребности: Может кто-нибудь сказать мне, почему я получил эту ошибку, а также показать мне способ ее исправить? заранее спасибо

1 Ответ

1 голос
/ 09 марта 2020

Он должен работать только с частью import('../scss/p/services/_.scss') без обратного вызова

...