Webpack выдает ошибки "ParseError: ожидается" отступ ", получен" eos "" только в режиме просмотра - PullRequest
Новая
       106

Webpack выдает ошибки "ParseError: ожидается" отступ ", получен" eos "" только в режиме просмотра

0 голосов
/ 07 апреля 2020

Я недавно включил новый .styl файл для шрифтов. При первом запуске (с SSR) в режиме просмотра ошибок не возникает. Но когда я go захожу в один из файлов и сохраняю, что запускает режим просмотра веб-пакета, в файлах .styl появляется большое количество ошибок синтаксического анализа (ниже). При этом один из файлов шрифтов также был сохранен за пределами предполагаемой папки.

Module build failed (from ./node_modules/stylus-loader/index.js): ParseError: expected "indent", got "eos" at Parser.error

Я не совсем уверен, что является уникальным в --watch, который может вызвать эти ошибки. У меня проблемы с отладкой этого и буду признателен за любую помощь, которую я могу получить.

Это то, что я добавил в .styl файл: 

@font-face 
  font-family: tf0r;
  src: url(../../client/media/typefaces/tf0r.eot?#iefix) format('embedded-opentype'), 
       url(../../client/media/typefaces/tf0r.woff) format('woff'),  
       url(../../client/media/typefaces/tf0r.ttf)  format('truetype')

Соответствующие разделы моего webpack.config.js. Эти разделы для сервера и клиента идентичны. 

{
    test: /\.(css|styl)$/,
    use: extractPlugin.extract({
        use: [{
          loader: 'css-loader', 
          options: {importLoaders: 1, sourceMap: true}
        },
        {
          loader: 'postcss-loader',
          options: {
            plugins: () => [require('autoprefixer')]
          }
        },
        {
          loader: 'stylus-loader',
          options: { sourceMap: true },
        }]
    })
},
{
   test: /\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
   loader: "file-loader",
   options: {
     name: "dist/media/typefaces/[name].[ext]",
     publicPath: url => url.replace(/dist/, ""), 
     emit: false  
}
...