如何在 Angular(2/4) 中导入“url-regex”npm 包？

Question

I use Angular 4 and have trouple using url-regex package in my Component.

In some cases, I have found out that this works:

import * as urlRegex from 'url-regex';

But does not work in my case, inside constructor() and ngOnInit() , the value of urlRegex is undefined .

This is the index.js file from this package

Can someone help me?

Answer 1

After import, if I call urlRegex() anywhere inside the Component it works!

At debugging in the Browser, when I hover over urlIndex() it shows (anonymous) ;

Probably it has to do with the import of Webpack.

Answer 2

There's a default export (you can see this if you use VScode or a similar editor), so rather than importing everything with import * , just use:

import urlRegex from "url-regex"

Then to produce the RegExp, run urlRegex()