Menu
Bounties /Pin to ProfileBookmark
@jordan-thirkleJan 26.2023 — #Problem
It looks like the problem with your code is that you're trying to use the Octokit library for interacting with the GitHub API, but you're not actually importing it correctly.
Solution
Instead of using
You should use a package manager such as NPM to install the library and import it into your code.
Example:
1. Install Octokit by running npm install @octokit/rest in your terminal.
2. Import Octokit in your javascript file like this:
3. Use the Octokit instance to make API calls:
Note:The above code is using the request method, which is asynchronous. It should be used with await keyword or within an async function.
Another Note: You should use the token of a GitHub account with the correct permissions to access the repository where you want to create a file.
Hope this helps solve your issue :).
GitHub API create file not creating when using input box
Why isn’t my file created when I use an input box for the file name?
Hi, I’m trying to create a webpage where I can enter a name into an input box, and when I click a button, it will take the value from the input box and use that as the file name. However, my code doesn’t seem to work once I put a variable into the “path” attribute.
I tested with some simple code to test whether it had something to do with the input box, but that seemed to work:
But once I added the API code, it didn’t create a file in the repo:
Any help is appreciated, thanks!
Sign in
to post a answer1 Replies ↴
4
@jordan-thirkleJan 26.2023 — #ProblemIt looks like the problem with your code is that you're trying to use the Octokit library for interacting with the GitHub API, but you're not actually importing it correctly.
Solution
Instead of using
import { Octokit } from "https://cdn.skypack.dev/@octokit/rest";, You should use a package manager such as NPM to install the library and import it into your code.
Example:
1. Install Octokit by running npm install @octokit/rest in your terminal.
2. Import Octokit in your javascript file like this:
const { Octokit } = require("@octokit/rest");3. Use the Octokit instance to make API calls:
const octokit = new Octokit({
auth: 'iputmypersonaltokenhere'
});
const filename = document.getElementById("filename").value;
octokit.request('PUT /repos/{owner}/{repo}/contents/{path}', {
owner: 'Skoolgq',
repo: 'skoolgq.github.io',
path: name + ".html",
message: 'Test commits for GitHub API',
committer: {
name: 'Skool Developers',
email: '[email protected]'
},
content: 'bXkgbmV3IGZpbGUgY29udGVudHM='
});
Note:The above code is using the request method, which is asynchronous. It should be used with await keyword or within an async function.
Another Note: You should use the token of a GitHub account with the correct permissions to access the repository where you want to create a file.
Hope this helps solve your issue :).