Stackblitz中TypeScript项目引入Luxon库提示未定义如何解决？

你遇到的报错核心原因是Stackblitz项目未正确安装luxon的生产依赖，仅添加类型声明或手动写导入语句不会自动引入完整的库文件。

解决步骤 #

• 打开Stackblitz左侧侧边栏的「Dependencies」依赖管理面板
• 在输入框中输入luxon，按下回车完成安装，如果是TypeScript项目，可以同时安装@types/luxon补充类型提示
• 无需修改你现有的导入逻辑，安装完成后刷新预览页即可正常运行

如果安装后依然提示变量未定义，可以先尝试修改导入写法验证：

// Import stylesheets
import './style.css';
import * as luxon from 'luxon';

// Write TypeScript code!
const appDiv: HTMLElement = document.getElementById('app');
appDiv.innerHTML = `luxon sample -->"${luxon.DateTime.now()}"<--`;

如果上述写法可以正常运行，说明是默认导出的配置问题，你可以根据使用习惯选择保留全量导入，或者确认项目的tsconfig.json中module配置项支持ES模块导入规范即可。

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