能否在NativeScript 8 + Webpack 5应用中使用URL？

问题分析 #

你遇到的报错是因为Node.js的url模块导出的构造器名称为Url（首字母大写U，后续小写），而非你尝试导入的URL；同时NativeScript运行环境本身支持浏览器标准的全局URL构造器，无需额外导入。

解决方案 #

方案1：使用全局URL（推荐） #

直接省略导入语句，NativeScript运行环境已内置浏览器标准的URL构造器，代码如下：

const url = new URL("https://stackoverflow.com");

方案2：从url模块导入正确的构造器 #

若你需要使用Node.js风格的Url类，可导入模块中导出的Url：

import { Url } from 'url';

const url = new Url("https://stackoverflow.com");

注意：Node.js的Url类与浏览器标准URL的API存在差异，使用时需留意兼容性。

调整Webpack配置（若方案2仍有问题） #

如果坚持使用url模块，可调整Webpack fallback配置为：

nsWebpack.chainWebpack(config => {
    config.resolve.fallback.set('url', require.resolve('url'));
});

同时确保已安装url包（若未安装）：

npm install url --save

内容的提问来源于stack exchange，提问作者Han