收到“找不到模块”和“字段“浏览器”不包含有效的别名配置”，将我的站点部署到Netlify

Question

我的GatsbyJS站点在本地运行良好，但是在部署到Netlify时未成功生成。我研究了我收到的错误，但没有任何运气。更改文件名大小写或更改文件路径不起作用。

Link to repository

Answer 1

确保netlify知道构建应用程序所需的节点版本。 https://www.netlify.com/docs/build-settings/#build-environment-variables

还要确保您的项目能够从头开始构建。将存储库克隆到新目录中，然后尝试构建它。

Answer 2

在本地计算机上，运行命令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'
...