Skip to content
This repository has been archived by the owner on Sep 9, 2021. It is now read-only.

Document usage with Typescript / Webpack config style #315

Open
2 of 4 tasks
stoplion opened this issue May 7, 2021 · 5 comments
Open
2 of 4 tasks

Document usage with Typescript / Webpack config style #315

stoplion opened this issue May 7, 2021 · 5 comments

Comments

@stoplion
Copy link

stoplion commented May 7, 2021

Documentation Is:

  • Missing
  • Needed
  • Confusing
  • Not Sure?

Please Explain in Detail...

Please add documentation on how to use this lib with Typescript that uses the config style, NOT the inline imports. Most tutorials I've seen have moved on from the inline imports style. It isn't clear how to use this lib with Typescript / config style. Thanks!

Your Proposal for Changes

@alexander-akait
Copy link
Member

What do you mean? Please clarify

@alexander-akait
Copy link
Member

@alexander-akait
Copy link
Member

https://github.com/webpack-contrib/worker-loader#config, change /\.worker\.js$/ on /\.worker\.(js|ts)$/

@mquandalle
Copy link

mquandalle commented Jun 10, 2021

I have a Typescript error related to worker-loader that I don't know how to fix.

I use the following definition as described in the documentation :

declare module '*.worker.js' {
	class WebpackWorker extends Worker {
		constructor()
	}

	export default WebpackWorker
}

But when I include the worker with

import MyWorker from "./my.worker.js`

I get

Module '"/home/mquandalle/myproject/my.worker"' has no default export. ts(1192)

It seems Typescript is using the interface of the file my.worker.js (from the filesystem) instead of the type definition defined above. I don't know how to configure it to “overwrite” this type definition.

Note that the "worker-loader!*" type definition is working but I can't use it since I need to run multiple loaders (babel + worker-loader).

@camillewall
Copy link

I am getting a similar error that @mquandalle mentioned; 'src/my.worker"' has no default export.' Has anyone had any luck figuring out how to fix it?

My include looks like the documented example, as does my type definition file.
import Worker from "./my.worker.ts";

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants