在 Angular 的 node_modules 中导入 JS 文件

Question

我有一个 angular 应用程序，我正在尝试添加一个名为 svgedit 的 npm package。 它被安装。 但是当我尝试引用一个 java-script 文件时，它说

净::ERR_ABORTED 404（未找到）

这就是我试图在我的 index.html 中引用它的方式，

<script type="module" src="node_modules/svgedit/svgedit-config-es.js"></script> 

我可以通过单击“ctrl + 鼠标左键”从 vs 代码中访问此文件。 它正确地打开文件意味着引用是正确的。 但是当它运行时，它会在控制台中出现上述错误。 我也尝试将 type 属性切换为“text/javascript”。

基本上我正在尝试将此 package 集成到我的 angular 应用程序中。 go 关于它的正确方法是什么。

Answer 1

你的 html 页面在你项目的根目录下吗？ 如果不确定是否正确导航到文件。 如果 html 页面位于项目的根目录中，则 src 中必须有错字

Answer 2

基本上我正在尝试将此 package 集成到我的 angular 应用程序中。 go 关于它的正确方法是什么。

go 关于它的正确方法是使用像webpack这样的捆绑程序，汇总等......

Answer 3

ng serve只会从你的src目录和assets文件夹中提供已编译的文件。 它不会直接提供node_module文件。

添加脚本的常用方法是将其添加到angular.json中的scripts部分

scripts: 
 [ //other scripts
   "node_modules/svgedit/svgedit-config-es.js"
 ]