Cannot read property 'dirname' of undefined

[Aine06]

import { webfont } from "webfont";
"devDependencies":
{ "webfont": "^11.2.26"
},

[Aine06]

import webfont from "webfont";

webfont({
files: "http:/xxx/xxx.ttf",
fontName: "my-font-name",
})
.then((result) => {
// Do something with result
Function.prototype(result);
// Or return it
return result;
})
.catch((error) => {
throw error;
});

Something went wrong load component failed TypeError: Cannot read property 'dirname' of undefined at Object../node_modules/webfont/node_modules/glob-parent/index.js (index.js:4)

[jimmyandrade]

@Aine06 could you describe the bug better, with a clear and concise description of what the bug is?

It would be great if you could add steps to reproduce the behavior and a clear and concise description of what you expected to happen. If applicable, add logs or screenshots to help explain your problem.

Also, please complete the following information:

• OS (e.g. macOS):
• OS Version (e.g. 10.15.7):
• Node Version (e.g. v12.17.0):
• Webpack version, if applicable (e.g. 4.43.0):

And, if possible, please paste your project's package.json.

Thanks

---

You could also try:

• Search for other issues in this repository and none addresses my problem;
• Make a clean install (deleting node_modules dir, package-lock.json or yarn.lock file and installing again);
• Use a version of Node.js equal to or greater than 12 (we recently removed support for Node.js versions 10 and below);
• Try to reproduce this issue with last version of webpack, if your project uses webpack directly.