Next.js - импорт файла CSS не работает ⇐ CSS

[Anonymous]

Я создаю проект с помощью React, Redux и next.js и хочу импортировать файлы CSS в js.

Я следовал инструкциям в next.js/# css и next-css, но обнаружил, что стили CSS не работают.

Мой код выглядит следующим образом:

< blockquote>
pages/index.js:

Код: Выделить всё

import React from 'react'
import "../style.css"

class Index extends React.Component {
render() {
return (
Hello World!
);
}
}

export default Index

next.config.js:

Код: Выделить всё

const withCSS = require('@zeit/next-css')
module.exports = withCSS()

style.css:

Код: Выделить всё

.example {
font-size: 50px;
color: blue;
}

package.json:

Код: Выделить всё

{
"name": "my-app",
"version": "0.1.0",
"private": true,
"dependencies": {
"@zeit/next-css": "^0.1.5",
"next": "^6.0.0",
"react": "^16.3.2",
"react-dom": "^16.3.2",
"react-redux": "^5.0.7",
"react-scripts": "1.1.4",
"redux": "^4.0.0",
"redux-devtools": "^3.4.1"
},
"scripts": {
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject",
"dev": "next",
"build": "next build",
"start": "next start"
}
}

Вопросы:

1. Есть «Uncaught SyntaxError» в Chrome, но, похоже, это не влияет на рендеринг страницы. Но мне все еще интересно причина и решение. Ошибка index.js в Chrome ниже img


< /p>

2. Как показано в Chrome, здесь нет класса «пример», что означает, что файл style.css не загружен. Я что-то упускаю? нет файла CSS в Chrome



Заранее спасибо.

Подробнее здесь: https://stackoverflow.com/questions/501 ... s-not-work