Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

There is no build dist after npm run dev #33

Closed
ilbrigz opened this issue Oct 18, 2022 · 11 comments · Fixed by #55
Closed

There is no build dist after npm run dev #33

ilbrigz opened this issue Oct 18, 2022 · 11 comments · Fixed by #55
Labels
bug Something isn't working good first issue Good for newcomers

Comments

@ilbrigz
Copy link

ilbrigz commented Oct 18, 2022

I am unable to run this in dev mode. How is the dev mode done exactly and what does it do? There is no dist directory after npm run dev. Am I suppose to npm run build first? But it does not rebuild whenever I change the code. Sorry just starting out building chrome extensions

Edit: I tried the https://github.com/extend-chrome/ts-react-boilerplate.git and it works. It builds to dist and hrm also works.

@github-actions
Copy link

Thank you for your contribution. We will check and reply to you as soon as possible.

@namnguyen191
Copy link

I am unable to run this in dev mode. How is the dev mode done exactly and what does it do? There is no dist directory after npm run dev. Am I suppose to npm run build first? But it does not rebuild whenever I change the code. Sorry just starting out building chrome extensions

Edit: I tried the https://github.com/extend-chrome/ts-react-boilerplate.git and it works. It builds to dist and hrm also works.

Any chance that you don't have yarn installed? In a recent PR they change the dev script to use yarn. If that is the case then you can either install yarn or change line 14 in package.json to this: "dev": "npm run build:hmr && (npm run wss & nodemon)",

@liqiuqiui
Copy link

I am unable to run this in dev mode. How is the dev mode done exactly and what does it do? There is no dist directory after npm run dev. Am I suppose to npm run build first? But it does not rebuild whenever I change the code. Sorry just starting out building chrome extensions

Edit: I tried the https://github.com/extend-chrome/ts-react-boilerplate.git and it works. It builds to dist and hrm also works.

I also encountered this problem recently, how did you solve it?

@Jonghakseo
Copy link
Owner

Jonghakseo commented Oct 25, 2022

@ilbrigz @liqiuqiui

Would you like to pull the latest source from the repository and try again?

As namnguyen191 said, I suspect the problem is caused by yarn not being installed. Removed yarn inside package.json and replaced it with npm run.

@liqiuqiui
Copy link

liqiuqiui commented Oct 26, 2022

@ilbrigz @liqiuqiui

Would you like to pull the latest source from the repository and try again?

As namnguyen191 said, I suspect the problem is caused by yarn not being installed. Removed yarn inside package.json and replaced it with npm run.

Yes, I am running the latest code and yarn is installed with the latest version. I find that the command line gets stuck after the wss command is executed and does not execute the nodemon command that follows. If I re-execute yarn dev at this point, it reports an error about the port being occupied, and the nodemon command continues to be executed later, and the project runs normally and generates the dist directory. I'm not sure why this is happening.

@0-don
Copy link

0-don commented Nov 13, 2022

@ilbrigz @liqiuqiui
Would you like to pull the latest source from the repository and try again?
As namnguyen191 said, I suspect the problem is caused by yarn not being installed. Removed yarn inside package.json and replaced it with npm run.

Yes, I am running the latest code and yarn is installed with the latest version. I find that the command line gets stuck after the wss command is executed and does not execute the nodemon command that follows. If I re-execute yarn dev at this point, it reports an error about the port being occupied, and the nodemon command continues to be executed later, and the project runs normally and generates the dist directory. I'm not sure why this is happening.

I am experiencing the same problem

@liqiuqiui
Copy link

liqiuqiui commented Nov 13, 2022

@ilbrigz @liqiuqiui
Would you like to pull the latest source from the repository and try again?
As namnguyen191 said, I suspect the problem is caused by yarn not being installed. Removed yarn inside package.json and replaced it with npm run.

Yes, I am running the latest code and yarn is installed with the latest version. I find that the command line gets stuck after the wss command is executed and does not execute the nodemon command that follows. If I re-execute yarn dev at this point, it reports an error about the port being occupied, and the nodemon command continues to be executed later, and the project runs normally and generates the dist directory. I'm not sure why this is happening.

I am experiencing the same problem

Hi, bro! I have solved this problem by running "yarn build:hmr && start /b yarn wss && nodemon" instead of "yarn build:hmr && (yarn wss & nodemon)" command, and the reason is Windows command line does not recognize & command.

@0-don
Copy link

0-don commented Nov 13, 2022

@ilbrigz @liqiuqiui
Would you like to pull the latest source from the repository and try again?
As namnguyen191 said, I suspect the problem is caused by yarn not being installed. Removed yarn inside package.json and replaced it with npm run.

Yes, I am running the latest code and yarn is installed with the latest version. I find that the command line gets stuck after the wss command is executed and does not execute the nodemon command that follows. If I re-execute yarn dev at this point, it reports an error about the port being occupied, and the nodemon command continues to be executed later, and the project runs normally and generates the dist directory. I'm not sure why this is happening.

I am experiencing the same problem

Hi, bro! I have solved this problem by running "yarn build:hmr && start /b yarn wss && nodemon" instead of "yarn build:hmr && (yarn wss & nodemon)" command, and the reason is Windows command line does not recognize & command.

Thanks it works, I used concurrently it worked aswell but this way one dependency less

@liqiuqiui
Copy link

@ilbrigz @liqiuqiui
Would you like to pull the latest source from the repository and try again?
As namnguyen191 said, I suspect the problem is caused by yarn not being installed. Removed yarn inside package.json and replaced it with npm run.

Yes, I am running the latest code and yarn is installed with the latest version. I find that the command line gets stuck after the wss command is executed and does not execute the nodemon command that follows. If I re-execute yarn dev at this point, it reports an error about the port being occupied, and the nodemon command continues to be executed later, and the project runs normally and generates the dist directory. I'm not sure why this is happening.

I am experiencing the same problem

Hi, bro! I have solved this problem by running "yarn build:hmr && start /b yarn wss && nodemon" instead of "yarn build:hmr && (yarn wss & nodemon)" command, and the reason is Windows command line does not recognize & command.

Thanks it works, I used concurrently it worked aswell but this way one dependency less

Sorry, I don't quite understand what the second sentence means

@0-don
Copy link

0-don commented Nov 13, 2022

@Jonghakseo Jonghakseo added bug Something isn't working good first issue Good for newcomers labels Nov 16, 2022
@simpleneeraj
Copy link

Not worked in dev, build working fine 😎

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working good first issue Good for newcomers
Projects
None yet
Development

Successfully merging a pull request may close this issue.

6 participants