【问题标题】:External JS on Angular 7 project and SpringAngular 7 项目和 Spring 上的外部 JS
【发布时间】:2020-11-08 02:34:35
【问题描述】:

您好,我使用 Angular 7 和 Spring 框架,我需要在 TS 文件中运行外部 JS 函数。 我在 单个 Angular 应用程序上进行了测试,当我编译 Angular 代码并将结果放在 spring 资源 上并生成 war 文件时,它运行良好脚本无法识别,浏览器控制台显示"function undefined"。 我修改了 Angular.json 文件,在“脚本”部分设置了脚本的路径,即使我在 index.html 它不起作用。

如何在 Spring 应用程序中加载我的 JS 文件? 你能帮我吗? 问候

【问题讨论】:

    标签: javascript java angular spring undefined


    【解决方案1】:

    你的 JS 文件保存在哪里?

    如果它在您使用 ng serve 运行时可以工作,那么它在编译时也应该可以工作。

    所以我认为路径中的问题。尝试查看此文件是否与您的 intex.html 一起提供。

    您可以在 Chrome 浏览器中执行以下操作: right click -> inspect -> Network 并刷新页面,您将看到从服务器端到浏览器的所有文件。如果您的 JS 文件不存在而不是路径问题,请确保您的 js 文件存在于您尝试获取它的位置。

    【讨论】:

    • 我的脚本在“src/assets/scripts”中,我也在“scripts”部分设置了 angular.json 文件的路径。我意识到它在所有静态文件上都有问题,在 spring 应用程序上没有识别资产文件夹中的任何内容,但在 ng serve 上是。脚本未加载到 index.html
    • 你的 spring 框架是完全 REST 的?或者你结合前端视图?在我们的例子中,我们有同样的东西 Spring 和 Angular。我们确实结合了 JSP + Angular 和 Spring 以及来自 jsp 页面的所有外部 js 脚本,这些脚本也将加载角度编译的文件。另一个选项<script src="http://localhost:8080/myApp/resources/js/myScript.js"></script> 直接在您的 html 模板中使用它,但是是的 url 是针对特定环境进行硬编码的
    猜你喜欢
    • 1970-01-01
    • 2015-01-09
    • 2017-04-28
    • 1970-01-01
    • 1970-01-01
    • 2018-08-29
    • 2020-06-16
    • 2019-01-28
    • 1970-01-01
    相关资源
    最近更新 更多