i am trying to import an npm module inside my React Web Worker using const package = require('package-name').
But it gives me the following error :
Uncaught (in promise) ReferenceError: require is not defined
How can i use a module inside a worker, is there a native way or some way to bypass it?
I am using NodeJS v18.10.0, Webpack v5.73.0.
I think your question is related to
Client on Node.js: Uncaught ReferenceError: require is not defined
please look at it , you might solved your problem
Related
I'm trying to utilise an API token that's currently residing in my .env file.
I've tried
require('dotenv').config()
console.log(process.env)
and am returned with this error
Uncaught ReferenceError: require is not defined
so I tried.
import * as dotenv from 'dotenv'
dotenv.config()
and get this error in return
Uncaught ReferenceError: require is not defined
I am using react and have used the require method in another js file on the same project and it works perfectly fine, but trying to use them in this jsx file doesn't seem to work I can't understand why,
Thank you.
ReactJs is a browser/client-side JavaScript thus,
require() does not exist in the browser/client-side JavaScript. read here
To answer your question on implementing dotenv in client-side.
You can read more about here: Is it possible to use dotenv in a react project?
I'm trying to use the postal-mime JS library in a Chrome browser extension using Manifest V3. My extension spawns a service worker and I'm trying to use this library there. To import it, I tried both
const { PostalMime } = require("postal-mime");
and
import { PostalMime } from "postal-mime";
while my code looks like this:
const parser = new PostalMime();
parser.parse(result).then((email) => console.log(email));
The variable result contains a standard email message as a string that I'd like to parse.
In both cases, I get the following error:
Uncaught (in promise) TypeError: PostalMime is not a constructor
at sw.js:66:1
(anonymous) # sw.js:66
Promise.then (async)
(anonymous) # sw.js:61
What am I doing wrong?
Thank you for your help,
GTP
This is not a ES module so to import it in general you need to use webpack or browserify i.e. a build system for your extension. Luckily, in this case you can find a prebuilt js file on unpkg.com which you should download manually into the directory of your extension.
import './postal-mime.js'; // path and .js suffix are required for native import!
const PostalMime = postalMime.default;
const parser = new PostalMime();
parser.parse(result).then((email) => console.log(email));
Note that since postal-mime.js is not a native ES module we used a nameless import to let the library create its export in a global variable. To see the name of the variable (postalMime) look at the beginning of the file where you'll see exports.postalMime=. As for default it is an internal mechanism used by npm module implementation, which you can see in devtools console when you inspect postalMime object. Other libraries may use multiple named properties instead.
I ended up using the library emailjs-mime-parser. While not a real solution to the asked question and despite having fewer functionalities than postal-mime, at least I'm able to import it out of the box without thinkering with Webpack's config.
I am trying to use rxdb as a store for my aurelia app. I have not found a plugin that implements this aleady, so start writing my own solution. I am using aurelia-cli 2.0.3, aurelia-loader-nodejs 1.1.0 and aurelia-webpack-plugin 5.0.3 with rxdb 11.3.0.
The problem I am running into is that as soon as I call createRxDatabase I get the error "Uncaught (in promise) ReferenceError: process is not defined" in the browser console. I tried to follow the recipe given in https://stackoverflow.com/a/66367137/4415526 but this result in the following webpack-dev-server warning: "DefinePlugin: Conflicting values for 'process.env.NODE_ENV'"
Any clues how I can please rxdb?
getting the following error when importing netscape.javascript
importClass(netscape.javascript)
org.mozilla.javascript.EcmaError: ReferenceError: "netscape" is not defined.
Trying to use javascript within applet to get access to cookies.
Using the following as an example to import required package
http://www.java2s.com/Code/Java/JDK-6/UsingJavaObjectsinJavaScript.htm
http://docs.oracle.com/javase/tutorial/deployment/applet/invokingJavaScriptFromApplet.html
Found out by trial and error.
It seems we need to prefix with Packages
importPackage(Packages.netscape.javascript);
The following gives me an issue saying ReferenceError: require is not defined
var Hashids = require('hashids'), hashids = new Hashids('my salt', 8);
I am using this hashids.js class.
The description says that this is a client-side version of Node.js version. I am not using bower so I just load the hashids.js on the page.
Are there any other javascript files I need to have this hashids.js is dependent on?
How do I get it working?
You can't use node code in client-side unless you use library like browserify to load the module.
Try this instead -> https://github.com/ivanakimov/hashids.js/blob/master/lib/hashids.js