Comments (4)
to support typescript, I think it's way simpler to stay with webpack: it will just require some small changes in the webpack.config.js (e.g: use ts-loader
)
from chrome-extension-cli.
Could you please at least give us an example here how to make it work? Since for me this is always a hudge hassle to setup the environment properly with bunch a different plugins. For now I was not able to have this working with TS and I giving up and just moving towards something else instead of using your brilliant tool...
Did everything as per webpack documentation, but still getting bunch of errors like:
`Built at: 2022-04-11 16:30:31
ERROR in ./src/popup.ts
Module build failed (from ./node_modules/ts-loader/index.js):
TypeError: loaderContext.getOptions is not a function
at getLoaderOptions (C:\Denis\Projects\botv3\node_modules\ts-loader\dist\index.js:91:41)
at Object.loader (C:\Denis\Projects\botv3\node_modules\ts-loader\dist\index.js:14:21)
ERROR in ./src/contentScript.ts
Module build failed (from ./node_modules/ts-loader/index.js):
TypeError: loaderContext.getOptions is not a function
at getLoaderOptions (C:\Denis\Projects\botv3\node_modules\ts-loader\dist\index.js:91:41)
at Object.loader (C:\Denis\Projects\botv3\node_modules\ts-loader\dist\index.js:14:21)
ERROR in ./src/background.ts
Module build failed (from ./node_modules/ts-loader/index.js):
TypeError: loaderContext.getOptions is not a function
at getLoaderOptions (C:\Denis\Projects\botv3\node_modules\ts-loader\dist\index.js:91:41)
at Object.loader (C:\Denis\Projects\botv3\node_modules\ts-loader\dist\index.js:14:21)
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! [email protected] build: webpack --mode=production --config config/webpack.config.js
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the [email protected] build script.
npm ERR! This is probably not a problem with npm. There is
likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\denis.timofijuk\AppData\Roaming\npm-cache_logs\2022-04-11T13_30_31_110Z-debug.log`
from chrome-extension-cli.
@DenisTimofijuk Thank you for using this CLI and regarding above issue give me few days, will check it and add support of TypeScript.
from chrome-extension-cli.
@DenisTimofijuk TypeScript support added in v1.1.0
from chrome-extension-cli.
Related Issues (20)
- Sidebar template for chrome extensions HOT 1
- npm ERR! Missing script: "watch" HOT 1
- Nothing
- TypeScript support
- "Unchecked runtime.lastError: Could not establish connection. Receiving end does not exist." until pages are reloaded after loading extension
- Error Running npm run watch HOT 1
- Use for more ambitious Chrome Extensions... HOT 1
- Will sidePanel being supported? HOT 2
- How to config the webpack properly to include the contentscript js file via executeScript? HOT 1
- There is a problem with the introduction of jQuery HOT 3
- How to support html template packaging?
- Please add the vue3 SFC option (vue.runtime.esm-bundler.js)
- Please update @types/chrome version
- can you share some examples for content script? HOT 1
- Is it possible to create an extension to be injected as an add-on to a website ? HOT 2
- The dislikes are showing next to the Share button, not the thumbs down button
- Is background.js autoreloading? HOT 1
- Can't install on macOS HOT 1
- Is it possible to disable templates?
- Issue with importing NPM packages
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-cli.