在 Angular 中使用 SystemJs 导入时找不到模块

Posted 2023-02-19

【中文标题】在 Angular 中使用 SystemJs 导入时找不到模块

【英文标题】：Cannot find module when importing with SystemJs in Angular

【发布时间】：2020-10-23 16:19:25

【问题描述】：

我正在尝试在 Angular 中使用 SystemJs 导入外部模块

    import  System  from 'systemjs';
    declare const SystemJS: System;

...

    SystemJs.import('./assets/example/example.js').then(m=>
      console.log('the module is', m);
    );

我也试过 http://localhost:4200/assets/example/example.js

js 文件在那里并且可以访问。

但我收到一个错误：

ERROR Error: Uncaught (in promise): Error: Cannot find module 'http://localhost:4200/assets/example/example.js'

我在一个干净的项目中尝试过，它工作正常，所以我认为问题可能与某些特定角度的配置有关。

有什么可能是错误的线索吗？

【问题讨论】：

这有帮助吗？ ***.com/questions/35898339/…

如果您在构建后在该文件夹中导航，此文件是否放置在您指定的路径中？

@Ostn，不，不是，但谢谢

@Sergey，是的，是的，我可以导航到资产或 uri，我可以找到它。

【参考方案1】：

你配置过 SystemJS 吗？

像这样：

System.config(
  baseURL: './src/app',

  // Set paths your modules
  paths: 
    'example': 'assets/example/example.js'
  
);

SystemJs.import('example').then(m=>
  console.log('the module is', m);
);