При получении "модуль не найден" и "поле" браузер "не содержит допустимой конфигурации псевдонима", развертывающих мой сайт в Netlify

Question

Мой сайт GatsbyJS работает нормально локально, но не приводит к успешной сборке при развертывании в Netlify. Я исследовал полученную ошибку, но мне не повезло. Изменение регистра имени файла или изменение пути к файлу не работает.

Ссылка на репозиторий

Answer 1

На локальном компьютере запустите команду gatsby build приведет к ошибке, которую вы показываете на изображениях.

Вы заметите строки ошибок:

Error: ./src/components/header.js
... Can't resolve 'components/variables.css' in ...

opt/build/repo/node_modules/components/variables.css doesn't exist

говорит вам, что пытается решить components/variables.css как модуль в вашем проекте.

Решение

Изменить строку импорта для variables.css в header.js:

src/components/header.js

import styled from 'styled-components'
import 'components/variables.css'
...

к следующему:

src/components/header.js

import styled from 'styled-components'
import './variables.css'
...

Answer 2

Убедитесь, что netlify знает, какая версия узла вам нужна для сборки вашего приложения. https://www.netlify.com/docs/build-settings/

Также убедитесь, что ваш проект может быть построен с нуля. Клонируйте репозиторий в новый каталог и попытайтесь его построить.