标签: netlify

将 cPanel 根域指向 Netlify

我有一个域,我们称之为 example.com,它托管在带有 cPanel 的共享服务器中(该域的 DNS 指向共享服务器)。在此服务器中,我有一些子域和我的电子邮件帐户。我只想使用 Netlify 的自定义域将我的根域指向 Netlify。就像如果一个人访问 example.com,它会重定向到 Netlify,但如果一个人发送电子邮件,它会重定向到共享服务器,或者如果访问子域也会转到共享服务器。

是否可以通过 cPanel 中的 DNS 区域编辑器进行配置?

十分感谢。

dns heroku cpanel netlify

4
推荐指数
1
解决办法
3139
查看次数

使用 Parcel.js 部署到 Netlify 失败

正如标题所说,部署到 Netlify 失败,从日志判断它可能是我的parcel.js设置。日志中的错误是:

12:19:29 AM: Error running command: Build script returned non-zero exit code: 127
12:19:29 AM: Failing build: Failed to build site
12:19:29 AM: failed during stage 'building site': Build script returned non-zero exit code: 127
12:19:29 AM: Finished processing build request in 21.32707912s
Run Code Online (Sandbox Code Playgroud)

我在 Netlify 上的部署设置是:

基本目录: Not set

构建命令: parcel build index.html

发布目录 dist

搜索了类似的问题后,我认为这可能是依赖项问题,但是,在使用“Yarn”安装依赖项后,我仍然遇到相同的问题。

包.json

{
  "name": "ed",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "dependencies": {
    "fullpage.js": "^3.0.5"
  },
  "devDependencies": {
    "cssnano": "^4.1.10"
  } …
Run Code Online (Sandbox Code Playgroud)

netlify parceljs

4
推荐指数
1
解决办法
2275
查看次数

部署到生产 Netlify 的 Vue CLI 3 PWA 给出了工作箱错误:bad-precaching-response ..._redirects?__WB_REVISION__...404

这个问题只发生在 Netlify 的生产环境中。它不会出现在开发环境中。通常,我会潜伏并搜索以找到答案,或者将相关答案中的一些东西放在一起,但是这个让我很难过......

我有一个在 Netlify 上运行的 Vue CLI 项目,它设置了一个过去部署过的 PWA。Service Worker 应该正在运行,并且可以安装该应用程序以供离线使用。

现在它在控制台中给了我这个错误:

Uncaught (in promise) bad-precaching-response: bad-precaching-response :: [{"url":"https://<domain>/_redirects?__WB_REVISION__=d38a2b58df330c85e0029eecf71d7c26","status":404}]
    at l.o (https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-precaching.prod.js:1:1749)
    at async Promise.all (index 0)
    at async l.install (https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-precaching.prod.js:1:1221)
Run Code Online (Sandbox Code Playgroud)

因此,当工作箱执行此操作时,它似乎用 404 将我的“_redirects”文件踢出。

我曾尝试将 _redirects 更改为 netlify.toml 文件,其中重定向内容在 .toml 文件中的格式正确,但它仍然失败,这是相同的错误消息,只是“netlify.toml”在错误中替换了“_redirects” .

我还尝试将相同的代码库部署到新的 Netlify 版本(认为这可能是他们资源的缓存问题),但问题仍然存在。

我猜想这可能是 Workbox 无法编译资产或为与重定向相关的文件提供错误名称的问题。但这也没有意义,因为当我在本地和 Netlify 生产环境中运行 build 命令时,它们都应该由托管在 cdn 上的相同代码处理。

这是从工作箱发送错误的代码块:

    const isValidResponse = cacheWillUpdateCallback ?
      // Use a callback if provided. It returns a truthy value if valid.
      cacheWillUpdateCallback({event, request, response}) :
      // Otherwise, …
Run Code Online (Sandbox Code Playgroud)

redirect vue.js progressive-web-apps netlify workbox

4
推荐指数
1
解决办法
1565
查看次数

我应该在前端的哪个位置为我的 Gatsby 网站加载Stripe?我对 Netlify 的推动在我目前的实现中崩溃了

WebpackError:找不到元素上下文;您需要将应用程序中调用 useStripe() 的部分包装在提供程序中

我正在使用 Stripe 为我正在开发的 gatsby 网站收集捐款。它使用 firebase 作为后端。我在当地成功接受了 Stripe 的捐赠。但是当我推送到 github 时出现 webpack 错误,因此我的更改将在我的实时 netlify 链接上。这是错误消息的一部分:

5:05:22 PM: success run queries - 80.938s - 42/42 0.52/s
5:05:30 PM: []
5:05:30 PM: failed Building static HTML for pages - 4.832s
5:05:30 PM: error Building static HTML failed for path "/contactDonate/"
5:05:30 PM:   197 | var parseElementsContext = function parseElementsContext(ctx, useCase) {
5:05:30 PM:   198 |   if (!ctx) {
5:05:30 PM: > 199 |     throw new Error("Could not find Elements …
Run Code Online (Sandbox Code Playgroud)

javascript stripe-payments netlify

4
推荐指数
1
解决办法
2526
查看次数

如何在 Netlify 中托管单个 HTML 页面?

我想在线托管一个网站。我的是一个简单的 html 文件,带有一些外部 CSS 和 javascript。您能否告诉我如何在 Netlify 中将此 HTML 页面托管为网站?正如 Netlify 建议的那样,我尝试提供相关的 GITHUB 链接,但这仍然给我带来页面未找到错误,因为链接不正确 我是否有任何其他免费托管网站可以完成此操作?

web-hosting cloud-hosting web netlify

4
推荐指数
1
解决办法
8506
查看次数

Netlify网站发布但黑屏

我已经使用 CRA 创建了一个网站,如果我运行 build,它在 Github-pages 上一切正常,但是当我尝试通过我的 Netlify 帐户运行该网站时,它会显示一个空白页面。当 html 与我的 React 页面一起显示时,它正在连接到该网站。但没有内容。Github 中的 Repo 有一个 client 文件夹,其中是我的 build 文件夹。我已经尝试了一切方法来使其正常工作,我是否错过了一些简单的事情?

这是我的 Package.json 文件: 在此输入图像描述

我的 Netlify 设置指向正确的目录:

在此输入图像描述

页面加载时还会显示 404 错误:在此输入图像描述

deployment reactjs netlify create-react-app

4
推荐指数
1
解决办法
3475
查看次数

Gatsby 插件 Netlify CMS 不支持 TypeScript?

我正在尝试gatsby-plugin-netlify-cms与 Gatsby typescript 集成,每次尝试构建网站时,都会收到以下错误消息。

“您可能需要适当的加载程序来处理此文件类型,目前没有配置加载程序来处理此文件。”

我的gatsby-config.js文件写如下,

module.exports = {
  /* Your site config here */
  plugins: [
    `gatsby-plugin-styled-components`,
    {
      resolve: `gatsby-plugin-netlify-cms`,
      options: {
        modulePath: `${__dirname}/src/cms/cms.ts`,
      },
    },
    {
      resolve: `gatsby-source-filesystem`,
      options: {
        name: `markdown-pages`,
        path: `${__dirname}/src/pages`,
      },
    },
    `gatsby-plugin-sharp`,
    {
      resolve: `gatsby-transformer-remark`,
      options: {
        plugins: [
          {
            resolve: `gatsby-remark-images`,
            options: {
              maxWidth: 512,
            },
          },
        ],
      },
    },
    `gatsby-plugin-netlify`,
  ],
};
Run Code Online (Sandbox Code Playgroud)

我能够让 Typescript 为我的项目的其余部分工作,但只有当我尝试修改预览模板时,它才开始失败。具体来说,当我编写以下代码时,一切都崩溃了gatsby-plugin-netlify-cms

options: {
    modulePath: `${__dirname}/src/cms/cms.ts`,
},
Run Code Online (Sandbox Code Playgroud)

为什么我收到错误消息?

typescript netlify netlify-cms

4
推荐指数
1
解决办法
441
查看次数

Google Firebase 身份验证在 Netlify 上失败,但在本地服务器上工作

当我将网站部署到 netlify 时,我无法正确登录,新的 google 窗口自动打开和关闭,我的网站时钟

function SignIn() {
const signInWithGoogle = () => {
  const provider = new firebase.auth.GoogleAuthProvider();
  auth.signInWithPopup(provider);
};

return (
  <>
    <button className="sign" onClick={signInWithGoogle}>
      Sign in with Google
    </button>
  </>
);
Run Code Online (Sandbox Code Playgroud)

}

function SignOut() {
return (
  auth.currentUser && (
    <button className="sign" onClick={() => auth.signOut()}>
      Sign Out
    </button>
  )
);
Run Code Online (Sandbox Code Playgroud)

}

图片

只有在我将其部署到netlify上后,它才会在Web中发生,并且在本地服务器中正常工作

firebase reactjs firebase-authentication netlify

4
推荐指数
1
解决办法
3891
查看次数

netlify构建命令失败(创建react应用程序)-本地部署ok

我不明白为什么我可以在本地完美部署,但当我手动将构建文件夹放到网上或使用 Github 方法添加我的存储库时却无法工作。我收到如下错误:

\n
\n

10:21:21 PM:构建准备开始 10:21:22 PM:构建映像版本:\nd84c79427e8f83c1ba17bcdd7b3fe38059376b68 10:21:22 PM:构建映像标签:\nv3.6.1 10:21:22 PM:buildbot 版本:\n44655717ddf0e7bd7f856f5b1154254de54b1d80 10:21:23 PM:在没有缓存的情况下构建\nPM 10:21:23:开始为构建准备存储库 10:21:23 PM:\n未找到缓存的依赖项。克隆新仓库 10:21:23 PM:git\nclone https://github.com/celinevalentine/Games 10:21:24 PM:准备\nGit 参考 refs/heads/celinev 10:21:26 PM:不同的发布路径\n检测到,将使用 Netlify 配置文件中指定的文件:\'build\' 与 Netlify UI 中的 \'build/\' 10:21:26 PM:启动\n构建脚本 10:21:26 PM:安装依赖项 10:21:26 PM:Python\n版本设置为 2.7 10:21:27 PM:v12.18.0 已安装。\n10:21:28 PM:现在使用节点 v12.18.0 (npm v6.14.4) 10 :21:28 PM:\n开始恢复缓存的构建插件 10:21:28 PM: 完成恢复\n缓存的构建插件 10:21:28 PM: 尝试 ruby​​ 版本 2.7.1,从环境中读取\n10:21:29 PM:使用 ruby​​ 版本 2.7.1 10:21:29 PM:\n使用 PHP 版本 5.6 10:21:29 PM: 开始恢复缓存的 go 缓存\n10:21:29 PM: 完成恢复缓存的 go 缓存 10:21:29 …

netlify

4
推荐指数
1
解决办法
4488
查看次数

带有 PostCSS 8 的 Gatsby - 尝试导入错误:“component.module.css”不包含默认导出(作为“样式”导入)

我有一个基于入门项目的 Gatsby and Sanity 站点。到目前为止,一切都运行良好,但我今天在 package.json 文件中更新了所有包和插件,以消除所有 npm 警告。这包括更新到 Gatsby 3.0.3 和 PostCss 8(我现在也在使用 gatsby-plugin-postcss 4.0.0)。

我设法解决了一些初始错误,但现在我遇到了一个问题,它无法识别我的 CSS 模块。我收到每个组件文件的错误:

尝试导入错误:“[componentName].module.css”不包含默认导出(作为“样式”导入)

当我在反应组件中导入 css 文件时

import styles from './[componentName].module.css'
Run Code Online (Sandbox Code Playgroud)

样式对象返回未定义。我是否需要降级到其中一些软件包的旧版本?

这是我的 package.json:

  "dependencies": {
    "@cloudflare/wrangler": "^1.15.0",
    "@fontsource/montserrat": "^4.2.2",
    "@fontsource/raleway": "^4.2.2",
    "@sanity/block-content-to-react": "^2.0.7",
    "@sanity/client": "^2.2.6",
    "@sanity/image-url": "^0.140.22",
    "date-fns": "^2.19.0",
    "dotenv": "^8.2.0",
    "gatsby": "^3.0.3",
    "gatsby-plugin-anchor-links": "^1.2.1",
    "gatsby-plugin-manifest": "^3.0.0",
    "gatsby-plugin-react-helmet": "^4.0.0",
    "gatsby-source-sanity": "^6.0.5",
    "get-youtube-id": "^1.0.1",
    "postcss-import": "^14.0.0",
    "postcss-preset-env": "^6.7.0",
    "react": "^17.0.1",
    "react-autosize-textarea": "^7.1.0",
    "react-dom": "^17.0.1",
    "react-helmet": "^6.1.0",
    "react-hook-form": "^6.15.4",
    "react-icons": "^4.2.0",
    "react-script": "^2.0.5",
    "react-youtube": "^7.13.1" …
Run Code Online (Sandbox Code Playgroud)

webpack postcss css-modules gatsby netlify

4
推荐指数
1
解决办法
1204
查看次数