Comments (11)
@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.
from chrome-extension-boilerplate-react-vite.
Thank you for your contribution. We will check and reply to you as soon as possible.
from chrome-extension-boilerplate-react-vite.
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)",
from chrome-extension-boilerplate-react-vite.
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?
from chrome-extension-boilerplate-react-vite.
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.
from chrome-extension-boilerplate-react-vite.
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.
from chrome-extension-boilerplate-react-vite.
@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
from chrome-extension-boilerplate-react-vite.
@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
from chrome-extension-boilerplate-react-vite.
@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
from chrome-extension-boilerplate-react-vite.
https://www.npmjs.com/package/concurrently
from chrome-extension-boilerplate-react-vite.
Not worked in dev, build working fine π
from chrome-extension-boilerplate-react-vite.
Related Issues (20)
- Theme Storage toggle failed in Content script example HOT 2
- Make husky use pnpm HOT 1
- use of experimental node features causes warnings HOT 1
- Error when importing tailwind css file into content script HOT 11
- How to sync web app authentication with chrome extension HOT 8
- Styles do not get applied using Styled Components library HOT 7
- vite preloadhelper shouldn't be using import statement HOT 9
- Add Mantien UI example integration HOT 4
- Cannot load the extension due to Content Script which is generated in wrong path HOT 1
- enabling source maps results in warning from inline-vite-preload-script.ts HOT 4
- Uncaught SyntaxError: Cannot use 'import.meta' outside a module HOT 1
- Files nested inside content/content-script doesn't auto reload on browser HOT 4
- Chakra styles are not loaded on injected content script HOT 2
- rollup packaging speed optimization HOT 1
- [Question] κ° νμ΄μ§μ μν μ λν΄ κΆκΈν©λλ€! Wondering about the role of each page! HOT 5
- Boilerplate Redesign HOT 2
- HMR does not work on Content Scripts Change HOT 4
- Is there any way to use React Developer Tools for debugging my extension? HOT 5
- Why the document default language is Korean? HOT 2
- Chakra UI Components Not Rendering HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. πππ
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google β€οΈ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from chrome-extension-boilerplate-react-vite.