我将一个模板集成到我的角度项目中,我在这两个文件中遇到了一个问题:core.min.js和script.js



index.html

<html class="wide wow-animation" lang="en">
<body>
<app-root></app-root>
<!-- Javascript-->
<script src="assets/js/core.min.js"></script>
<script src="assets/js/script.js"></script>
</body>
</html>

控制台上显示的错误

我的文件的层次结构

--> 显示模板,但导航栏和轮播都不起作用。

外部javascript文件应该添加到"scripts"下的angular.json文件中:

"scripts": [
"assets/js/core.min.js",
"assets/js/script.js"
]

官方文档:https://angular.io/guide/workspace-config#style-script-config

从文档中:

样式和脚本选项的数组条目可以是简单的路径字符串,也可以是指向额外入口点文件的对象。关联的构建器将在构建期间将该文件及其依赖项作为单独的捆绑包加载。对于配置对象,您可以选择使用 bundleName 字段为入口点命名捆绑包。

默认情况下会注入分发包,但您可以将 inject 设置为 false 以从注入中排除分发包。例如,以下对象值创建并命名包含样式和脚本的分发包,并将其从注入中排除:

最后,你正在使用jQuery,如果可能的话,我会在Angular中避免使用jQuery。在此过程中,您可能会遇到一些问题。

最新更新