@font-face SyntaxError при использовании typeface-nunito-sans и @poi/plugin-vue-static

Я использую Poi, @poi/plugin-vue-static и typeface-nunito-sans для создания статического приложения с помощью Vue. Проблема в том, что сборка завершается с ошибкой синтаксиса:

project/node_modules/typeface-nunito-sans/index.css:2
@font-face {
^
SyntaxError: Invalid or unexpected token

Однако все приложение работает правильно на сервере разработки. Это из-за генерации статического сайта? Как я могу это исправить?

Соответствующий код в main.ts:

// Client-side only libraries
import 'typeface-nunito-sans';

vue.js server-side-rendering
person brux    schedule 09.10.2019    source источник
comment
Похоже на проблему с вебпаком. Возможно, проверьте эту тему: stackoverflow. ком/вопросы/45489897/   -  person Flink    schedule 09.10.2019

Ответы (1)


arrow_upward
0
arrow_downward

Исправлено это добавлением проверки process.client:

if (process.client) {
  require('typeface-nunito-sans');
}

Это предотвращает обработку CSS в коде на стороне сервера ????

person brux    schedule 12.10.2019