We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
import.meta.url causes verbose logging to error with "@parcel/transformer-js: Conditional or non-top-level require() call."
require()
package.json { "name": "my-project", "source": "src/test.html", "browserslist": "> 0.5%, last 2 versions, not dead", "scripts": { "test": "parcel watch --no-hmr --log-level verbose" }, "devDependencies": { "parcel": "latest" } }
Using the recommended import.meta.url method to reference files in JavaScript shouldn't produce errors.
import.meta.url
@parcel/transformer-js: Conditional or non-top-level require() call. This causes the resolved module and all dependencies to be wrapped.
/Users/Julian/Sites/studio/src/js/test.js:1:1
1 | const lottieUrl = new URL("../images/colt.png", import.meta.url); | ^ 2 | console.log(lottieUrl.href); 3 |
📝 Learn more: https://parceljs.org/features/scope-hoisting/#avoid-conditional-require()
✨ Built in 985ms
The issue was discovered whilst using the Parcel Logger to debug a Parcel Packager script.
<!doctype html>
// test.js const lottieUrl = new URL("../images/colt.png", import.meta.url); console.log(lottieUrl.href);
/* test.css */ h1 { color: hotpink; font-family: cursive; }
The text was updated successfully, but these errors were encountered:
It's not an error, just a warning.
Sorry, something went wrong.
Okay. Thanks for answering.
No branches or pull requests
🐛 bug report
import.meta.url causes verbose logging to error with "@parcel/transformer-js: Conditional or non-top-level
require()
call."🎛 Configuration
package.json
{
"name": "my-project",
"source": "src/test.html",
"browserslist": "> 0.5%, last 2 versions, not dead",
"scripts": {
"test": "parcel watch --no-hmr --log-level verbose"
},
"devDependencies": {
"parcel": "latest"
}
}
🤔 Expected Behavior
Using the recommended
import.meta.url
method to reference files in JavaScript shouldn't produce errors.😯 Current Behavior
@parcel/transformer-js: Conditional or non-top-level
require()
call. This causes the resolved module and all dependencies to be wrapped./Users/Julian/Sites/studio/src/js/test.js:1:1
📝 Learn more: https://parceljs.org/features/scope-hoisting/#avoid-conditional-require()
✨ Built in 985ms
🔦 Context
The issue was discovered whilst using the Parcel Logger to debug a Parcel Packager script.
💻 Code Sample
<!doctype html>
<title>My First Parcel App</title> <script type="module" src="./js/test.js"></script>Hello, World!
// test.js
const lottieUrl = new URL("../images/colt.png", import.meta.url);
console.log(lottieUrl.href);
/* test.css */
h1 {
color: hotpink;
font-family: cursive;
}
🌍 Your Environment
The text was updated successfully, but these errors were encountered: