Comments (6)
Hey sorry for the slow response. There was nothing about worker-loader in webpack.config.js initially. We decided to take another route by not loading the file as inline, but by identifying those worker files with the suffix .worker.js
This configuration in webpack module rules solved the issue for me:
{ test: /\.worker\.js$/, use: [ { loader: "worker-loader", options: { name: "/[name].js" } } ] },
We of course had to exclude those files from the regular babel processing with this
test: /^(?!.*worker).+\.js$/,
from worker-loader.
Please provide your webpack.config.js
aswell
from worker-loader.
Have you tried adding a trailing slash to your publicPath in the webpack config?
from worker-loader.
If anyone else encounters this, note that you can specify the public path using the inline syntax:
import GraphqlWorker from 'worker-loader?publicPath=/!worker.js';
I prefer the worker-loader!
syntax because it makes it clearer that it's a special kind of import.
It would be nice if it were possible to specify default settings for a loader in webpack.config.js (for the publicPath setting in this case) so that the inline syntax would still work without having to specify publicPath
on every import. But I don't know if webpack has such a feature.
Note: In the above example, I'm setting the publicPath
to the root - /
, since that's what I needed in my app - I just needed it to work for routes in subfolders. If your whole app is in a subfolder then you would do something like this:
import GraphqlWorker from 'worker-loader?publicPath=/my-subdir/!worker.js';
from worker-loader.
I just also hit this issue. The workaround/fix is easy, but do you think it would be possible to fix this inside worker-loader?
Everything else in webpack seems to work ok without publicPath
being slash-terminated, and it seems like an easy issue to solve.
from worker-loader.
yeah also ran into this. why does this loader assume publicPath has a trailing slash
from worker-loader.
Related Issues (20)
- worker-loader does not work with "worker_threads" HOT 3
- Inline workers does not work in Edge Legacy anymore HOT 54
- worker-loader picks up webpack5 from parent folder, not webpack4 from peer HOT 12
- docs don't explain how to register ServiceWorker HOT 1
- Does this loader supports Node.js Worker threads? HOT 22
- "chunkFilename.replace is not a function" on webpack 5 HOT 5
- Inline workers not working _in_ a worker HOT 16
- Uncaught TypeError: __WEBPACK_IMPORTED_MODULE_1___default.a is not a constructor HOT 5
- Worker-loader with inline option produce cjs/loader error on build
- Cannot find module 'webpack/lib/SingleEntryPlugin' HOT 3
- Allow per-instance or per-worker-code options (such as name or constructor type) without explicit webpack rules
- build error: chunkFilename.replace is not a function at getDefaultChunkFilename HOT 5
- Document usage with Typescript / Webpack config style HOT 5
- does worker-loader work with webpack 5? HOT 4
- [feat] support load plain worker module in another worker HOT 5
- loader.option.publicPath do not work ? HOT 7
- use sharedWorker inline has the same filename HOT 2
- why 'ctx.terminate' is not wokring
- How can I import a library in worker?
- TypeError: The 'compilation' argument must be an instance of Compilation HOT 2
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 worker-loader.