Неверный параметр загрузчика CSS с Nextjs - PullRequest
Новая
       67

Неверный параметр загрузчика CSS с Nextjs

0 голосов
/ 02 марта 2019

Я использую next js в своем приложении (оно автоматически использует webpack), вот мой package.json: 

{
  "name": "myreact",
  "version": "0.1.0",
  "private": true,
  "homepage": ".",
  "dependencies": {
    "@zeit/next-css": "^1.0.1",
    "bootstrap": "^3.3.4",
    "classnames": "^2.2.6",
    "css-loader": "^2.1.0",
    "express": "^4.16.4",
    "next": "^8.0.3",
    "next-images": "^1.0.4",
    "react": "^16.8.3",
    "react-dom": "^16.8.3"
  },
  "scripts": {
    "dev": "next",
    "build": "next build",
    "start": "next start"
  }
}

А вот мой next.config.js: 

const withCSS = require('@zeit/next-css');
const withImages = require('next-images');

module.exports = withCSS(withImages());

Однако, когда я использую npm run dev, всегда выдается ошибка: 

ValidationError: CSS Loader Invalid Options

options should NOT have additional properties
Could not find files for /index in .next/build-manifest.json
Warning: Each child in a list should have a unique "key" prop.

Я пытался зайти в Google, но не нашел решения своих проблем.

1 Ответ

0 голосов
/ 02 марта 2019

Вы используете новый css-loader (v2.0.0), который добавил проверку параметров.

Вы можете распечатать параметры cssLoader из конфигурации веб-пакета и удалить избыточный.

Для печати конфигурации веб-пакета вам необходимо изменить файл next.config.js на следующий: 

const withCSS = require('@zeit/next-css');
const withImages = require('next-images');

module.exports = withCSS(withImages({
  webpack: (config, options) => {
     console.log(config);
     return config;
  }
}));

Перед этим вам не следует устанавливать dep (next-css) dep (css-loader),попробуйте удалить его из вашего package.json и переустановить снова, это должно решить, если нет, попробуйте то, что я предложил.

Существует ветка github относительно этого: https://github.com/webpack-contrib/css-loader/issues/863#issuecomment-445747386.

...