Having issues including the directory "www" into the GitHub repository

After following the steps below, I created my own rustwasm project:

cargo generate --git https://github.com/rustwasm/wasm-pack-template
wasm-pack build
npm init wasm-app www

I've put in time and effort into the www folder, but whenever I attempt to commit changes to GitHub, the www folder seems to be excluded.
I have double-checked the gitignore settings and nothing in there should prevent it from being added. Can anyone shed some light on why this is happening?

This is the resource that I referenced when working through this: I followed.

Here's the output of git status:

Changes not staged for commit:
  (use "git add <file>..." to update what will be committed)
  (use "git restore <file>..." to discard changes in working directory)
  (commit or discard the untracked or modified content in submodules)
        modified:   www (modified content)
gitgithubnpmrustrust-wasm

Answer №1

If you find yourself in a situation where you are dealing with a submodule issue, it could be that your www folder is pointing to a different git repository.

To verify this, check on GitHub if next to the folder name there is a hash identifier like this: www @ a773f5e.

If this is the case, you should also have a file named .gitmodules located at the project's root.

To resolve this issue, you can initialize and clone the submodule repository by using the command: git submodule update --init

Update:

This indicates a gitlink.

By running git ls-tree HEAD www, you should observe a special mode of 160000 on the far left. Although git identifies it as a submodule, it isn't actually one.

To rectify this situation, follow these steps:

  1. Remove the gitlink from the index: git rm --cached www
    This command will not delete any files or changes from your disk, only from Git's working index.
  2. Delete the .git folder: rm -fr www/.git
  3. Add the www folder back to the index: git add www
  4. Commit and push the changes

After completing these steps, your www folder should function as a regular directory once again.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Remove npm link while updating node_modules, react and react-dom

After encountering errors while using hooks in a package I was developing, I found a solution that worked for me. However, now I am curious about how to revert these changes and return my application back to its original state when I want to test my pack ...

reactjsnpmnpm-linkpushd

Having trouble with the react-redux-starter-kit crashing when running npm run dev?

Exploring React/Redux with the help of the react-redux-starter-kit boilerplate, but encountered a new issue. Previously, npm run dev was functioning smoothly, but now it is crashing and showing this error message: [email protected] dev /Users/unoma ...

reactjsnpmwebpack

Experiencing difficulties while trying to showcase a PDF within the Expo Go app

I am currently developing a React Native application that requires the display of PDF files. I have tried two different methods, one using react-native-webview and the other with react-native-pdf, but both approaches are presenting challenges. This is how ...

reactjstypescriptreact-nativenpmexpo

Executing 'npx react-create-app my-app' resulted in an error and the app was not successfully created

While attempting to create a react app using npx, I encountered the following error. The command I used was: npx create-react-app my-app Below is the error message received: npm ERR! code ENOTFOUND <br> npm ERR! syscall getaddrinfo<br> npm ERR ...

reactjsnpmcreate-react-appnpx

Tapping the image will redirect you to the corresponding component

My React Routes Challenge I've run into a roadblock while trying to implement react routes in my project. Greetings, everyone! This is my first time seeking help here, as I have previously posted about this issue on Codecademy. Below is the summary o ...

reactjsnpmreact-router-domcreate-react-app

Comparing the benefits of injecting dependencies in the <head> section versus using package.json

In my HTML file, I currently have a bootstrap dependency included within the "head" tag, which references library files that I downloaded and physically added. Additionally, I have another bootstrap dependency listed in the package.json file through npm. ...

reactjsnpmdependenciespackage.json

While local production and development prove effective, Heroku restricts calls to the Express server only

Update: Heroku is only recognizing my server file, struggling to incorporate the client as well. Attempting to deploy my first solo-built app on Heroku. While still a work in progress, the basic functionalities are operational. The current version works s ...

node.jsreactjsexpressherokunpm

Issues with React router arise once the app has been built

I am new to utilizing react and react-router in my project. I have built the application using create-react-app and now I am facing an issue with routing between two main pages. After trying different approaches, I managed to get it working during develop ...

javascriptreactjsnpmbuildreact-router

The webpack configuration script does not seem to be functional

My react.js application is utilizing webpack config. After running the command npm run build, I noticed that my images and font files are not being built under the media directory as specified in my webpack configuration: module.exports = { entry: { ...

reactjsnpmwebpackmedia

Having trouble running `npm start` in React due to a `npm update check failed` error

When attempting to open a window to view my React app using npm start, I encounter the following error: npm update check failed │ │ Try running with sudo or get access │ │ ...

reactjsnpm

Leveraging webpack for loading images in a React application

I am encountering an issue with loading images after deploying to the server. I am unsure of the cause, but only a few images seem to render properly when using npm. Upon analysis: https://i.stack.imgur.com/ICgCN.png If the images load correctly with a ...

reactjsimagenpmwebpack

The React app was successfully deployed to localhost:3000, but when attempting to access it, the message "This site can't be reached" is displayed. Strangely, the terminal confirms that the app is indeed

I've checked my code thoroughly, but when I deploy it to localhost, something seems off. Even after disabling all the components and running npm install, the issue persists. https://i.stack.imgur.com/i04eY.png Oddly enough, everything seems fine in ...

node.jsreactjsnpm

Steps to resolve the EEXIST error while setting up a reactjs project

I am a beginner in React and I am currently working on creating a new react app. However, I have encountered an issue during the process of creating this react-app. Any assistance would be greatly appreciated. npm ERR! code EEXIST npm ERR! path C:&bsol ...

node.jsreactjsnpm

What is the reason behind the restriction on using capital letters in React project names?

When attempting to create a new project "newRecipeApp" in React, I encountered the following message: npx: installed 91 in 29.359s Could not create a project called "newRecipeApp" because of npm naming restrictions: * name can no longer contain capital ...

javascriptreactjsnpm

What is the process of incorporating npm packages into a .NET Core project within Visual Studio 2019?

As I venture into the world of front end development using React in conjunction with .NET Core for backend, I find myself grappling with new tools and technologies. My task is to utilize Visual Studio 2019 for working with .NET Core, a development enviro ...

reactjsvisual-studionpm

Ways to address conflicts arising from peer dependencies

Greetings for taking the time to read this. After implementing some adjustments in my local development environment and encountering no issues, I pushed the changes to my test environment on AWS Amplify. Unfortunately, the build failed with the following ...

node.jsreactjsnpmaws-amplify

Unable to locate the specified path in create-react-native-app

Has anyone encountered the error "the system cannot find the path specified" while trying to run the command create-react-native-app my-app? I am using node 8.9.1 and npm 5.5.1. Interestingly, create-react-app works perfectly fine with all other npm comm ...

node.jsreactjsnpmcmd

Unable to create 'WebSocket' instance: The provided URL, '[object Object]', is not valid

I attempted to establish a connection to the websocket in React router in order to retrieve data. However, I encountered an error message Uncaught SyntaxError: Failed to construct 'WebSocket': The URL '[object Object]' is invalid. in th ...

reactjsnpmwebpackbrowserifyreact-router

Getting Started with Styling in React Using Styled Components

I seem to be having trouble with styled components; something must be off in my setup. Here's the component I'm working with: import React from 'react'; import styled from 'styled-components'; const Wrapper = styled.div` d ...

reactjsnpmwebpackbabeljsstyled-components

_dirname does not have a defined scope within ES modules

After updating the package.json file and changing the type to "module", I ran into an issue with a reference error that said "_dirname is not defined in ES module scope". Does anyone have a solution for this problem? import { fileURLToPath } from "u ...

reactjsnode.jsnpm