{
    "componentChunkName": "component---src-templates-post-js",
    "path": "/pensieve/wordpress-publish-error",
    "result": {"data":{"markdownRemark":{"html":"<h2>Problem</h2>\n<p>Recently while working on a WordPress project with <a href=\"https://github.com/Upstatement/ups-dock\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Ups Dock</a>, I encountered a weird error where I wasn't able to update or publish a simple post in my local WP admin.</p>\n<p>It looked something like this:</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 1200px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/9a92c868095081fef605169d5c41eaee/cf8f8/draft-fail.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 32.33333333333333%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAGCAIAAABM9SnKAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAxklEQVQY05WNQU7DMBBFff8dJ+ESlViDWpUsECVJFSeIOvZ4xsQz40EVOwoLnp7+7uk7vIQNcs3IiFrKXzJRSkiIr9P73a67f3icJ+/W5y6devZe50XnRfzMk/9hve5Ek+9O48twJkhca0ZyIrI/Ht/6fhjPT/tDP4xm1lqz30gAGbG1ps1KZaeqIaxrjDHBxyXEmG5LEanMZgY5i0iizyViwM211kSEWa6oVmZVvY2ZxcwQCQCI6PvA2X8opUCMGMJWCjN/ARCbWbsFVWZoAAAAAElFTkSuQmCC'); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Draft fail\"\n        title=\"Draft fail\"\n        src=\"/static/9a92c868095081fef605169d5c41eaee/c1b63/draft-fail.png\"\n        srcset=\"/static/9a92c868095081fef605169d5c41eaee/5a46d/draft-fail.png 300w,\n/static/9a92c868095081fef605169d5c41eaee/0a47e/draft-fail.png 600w,\n/static/9a92c868095081fef605169d5c41eaee/c1b63/draft-fail.png 1200w,\n/static/9a92c868095081fef605169d5c41eaee/d61c2/draft-fail.png 1800w,\n/static/9a92c868095081fef605169d5c41eaee/cf8f8/draft-fail.png 2234w\"\n        sizes=\"(max-width: 1200px) 100vw, 1200px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<p>Sometimes the error message would be slightly more helpful: <code class=\"language-text\">Publishing failed. Error message: The response is not a valid JSON response.</code></p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 956px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/ac418cb7402b96be332b88c4505db1b1/7b1dc/publish-error.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 11.666666666666666%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAACCAIAAADXZGvcAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAUElEQVQI13XLOQ6AMAwF0dz/dl6+baUMwcQFd0BBokSacl4rj0GcwKl6me1gB0t5LLMpcirKvSISSMUUTWAw3723jZnf6cNmg2iZL/dfTBs/dH5mlYuxvIYAAAAASUVORK5CYII='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Publish error\"\n        title=\"Publish error\"\n        src=\"/static/ac418cb7402b96be332b88c4505db1b1/7b1dc/publish-error.png\"\n        srcset=\"/static/ac418cb7402b96be332b88c4505db1b1/5a46d/publish-error.png 300w,\n/static/ac418cb7402b96be332b88c4505db1b1/0a47e/publish-error.png 600w,\n/static/ac418cb7402b96be332b88c4505db1b1/7b1dc/publish-error.png 956w\"\n        sizes=\"(max-width: 956px) 100vw, 956px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<p>And if I popped open the console, I saw these errors:</p>\n<p><span\n      class=\"gatsby-resp-image-wrapper\"\n      style=\"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 1185px; \"\n    >\n      <a\n    class=\"gatsby-resp-image-link\"\n    href=\"/static/d342131a17d748d605395cbdcc072a7f/471ef/console-errors.png\"\n    style=\"display: block\"\n    target=\"_blank\"\n    rel=\"noopener\"\n  >\n    <span\n    class=\"gatsby-resp-image-background-image\"\n    style=\"padding-bottom: 20.666666666666668%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAECAIAAAABPYjBAAAACXBIWXMAABYlAAAWJQFJUiTwAAAA2UlEQVQI1x3Jy26CQBQAUDaujImaIg7M896ZzEjQbV8L5A1tlYcQ+/9f0qRne7z8xW85ryktGUuj6FtjFkUpYiplIUQNUAG0iBmluZQ1QCFEpVSj1Ofx6L1tNoNSHSGDMQ9rJ2sn56bTqQe4K/XQuleqR7xJOWk9Io4Ad8SMkPfdzsv3+5bS0vcbQoog+OG8PBwKIUrGqjDsOO+E+OK8CIKK0o6xltLmvz62W+91vX4qNQMMzs1xvCTJ83x+JMkNcbF2sXY0ZnZu1Ho05jeOr2F4jaKckMtq9QfeXioMmywmHQAAAABJRU5ErkJggg=='); background-size: cover; display: block;\"\n  ></span>\n  <img\n        class=\"gatsby-resp-image-image\"\n        alt=\"Console errors\"\n        title=\"Console errors\"\n        src=\"/static/d342131a17d748d605395cbdcc072a7f/471ef/console-errors.png\"\n        srcset=\"/static/d342131a17d748d605395cbdcc072a7f/5a46d/console-errors.png 300w,\n/static/d342131a17d748d605395cbdcc072a7f/0a47e/console-errors.png 600w,\n/static/d342131a17d748d605395cbdcc072a7f/471ef/console-errors.png 1185w\"\n        sizes=\"(max-width: 1185px) 100vw, 1185px\"\n        style=\"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;\"\n        loading=\"lazy\"\n        decoding=\"async\"\n      />\n  </a>\n    </span></p>\n<h2>Solution</h2>\n<p>Since the error message had to do with a JSON response, I initially thought it was a Gutenberg or ACF issue. But it turned out this was happening because I was on the https WP admin (i.e. <a href=\"https://project.ups.dock/wp-admin\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">https://project.ups.dock/wp-admin</a>), not the unsecure WP admin (<a href=\"http://project.ups.dock/wp-admin\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">http://project.ups.dock/wp-admin</a>).</p>\n<p>It was a CORS error!! I was trying to modify a non-https domain from a https domain. Switching to a non-https WP admin allowed me to publish posts with no problem.</p>","frontmatter":{"title":"WordPress Publishing Error","description":"Trying to create a simple post in WordPress","date":"2019-12-03T00:00:00.000Z","slug":"/pensieve/wordpress-publish-error","tags":["WordPress"]}}},"pageContext":{}},
    "staticQueryHashes": ["1994492073","2009693873","2031412112","3825832676"]}