如何导入＆＃39; url-regex＆＃39; Angular中的npm包（2/4）？

Question

我使用Angular 4并在我的Component中使用url-regex包进行trouple。

在某些情况下，我发现这有效：

import * as urlRegex from 'url-regex';

但是在我的情况下，constructor()和ngOnInit()内的urlRegex的值undefined不起作用。

这是此软件包中的index.js文件

有人可以帮助我吗？

Answer 1

导入后，如果我在组件内的任何位置调用 urlRegex()，那就可以了！

在浏览器中进行调试时，当我将鼠标悬停在urlIndex()上时，会显示(anonymous);

可能与导入Webpack有关。

Answer 2

有默认的导出功能（如果您使用VScode或类似的编辑器，则可以看到此内容），因此，与其使用<form class="bg-white shadow rounded py-3 px-4" method="POST" action="{{ route('channels.store') }}"> <div class="form-group"> <label for="device">{{ __('Device') }}</label> <select id="device" name="device" class="form-control @error('device') is-invalid @enderror" autocomplete="device"> <option value="" selected >@lang('Choose')...</option> @foreach($devices as $device) <option value="{{ old('device', $device->name) }}">{{ old('device', $device->name) }}</option> @endforeach </select> @error('device') <span class="invalid-feedback" role="alert"> <strong>{{ $message }}</strong> </span> @enderror </div> <div class="form-row"> <div class="form-group col-md-6"> <label for="channel">{{ __('Channel') }}</label> <input id="channel" type="text" class="form-control bg-light shadow-sm @error('channel') is-invalid @enderror" name="channel" value="{{ old('channel', $channel->channel) }}" autocomplete="channel" autofocus> @error('channel') <span class="invalid-feedback" role="alert"> <strong>{{ $message }}</strong> </span> @enderror </div> <div class="form-group col-md-6"> <label for="name">{{ __('Name') }}</label> <input id="name" type="text" class="form-control bg-light shadow-sm @error('name') is-invalid @enderror" name="name" value="{{ old('name', $channel->name) }}" autocomplete="name" autofocus> @error('name') <span class="invalid-feedback" role="alert"> <strong>{{ $message }}</strong> </span> @enderror </div> </div> </form> 导入所有内容，不如使用：

import *

然后生成RegExp，运行import urlRegex from "url-regex"