【发布时间】:2019-12-18 11:49:11
【问题描述】:
screenshot of browser developer tool - network
我已将脚本包含到我的 base.pug 文件中
脚本(scr='https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.0/axios.min.js')
当我加载页面并检查浏览器开发者工具 > 网络时,所有其他引导文件、jquery 文件等均已加载,但 axios.min.js 未加载。
当我执行如下代码所示的 login.js 时,控制台中出现“Axios 未定义”错误。
希望有人能给我一些提示和指导。
我已尝试将脚本放在 base.pug 页面的顶部,我已检查任何语法错误等。我已尝试使用替代链接 https://unpkg.com/axios/dist/axios.min.js - 不断收到相同的错误。
base.pug 文件
body
// HEADER
include _header
// CONTENT
block content
// FOOTER
include _footer
// FOOTER
include _footer
script(src='/js/login.js')
script(scr='https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.0/axios.min.js')
script(src='https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js' integrity='sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1' crossorigin='anonymous')
login.js 文件
doctype html
html(lang='en')
head
block head
meta(charset='UTF-8')
meta(name='viewport' content='width=device-width, initial-scale=1.0')
meta(http-equiv='X-UA-Compatible' content='ie=edge')
link(rel='stylesheet' href='https://use.fontawesome.com/releases/v5.8.1/css/all.css' integrity='sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf' crossorigin='anonymous')
link(rel='stylesheet' href='https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css' integrity='sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T' crossorigin='anonymous')
link(rel='stylesheet' href='/css/style.css')
link(rel='icon' type='image/ico' href='/img/favicon.ico')
title Sales App #{title}
body
// HEADER
include _header
// CONTENT
block content
// FOOTER
include _footer
script(src='/js/login.js')
script(scr='https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.0/axios.min.js')
script(
src='https://code.jquery.com/jquery-3.4.0.min.js'
integrity='sha256-BJeo0qm959uMBGb65z40ejJYGSgR7REI4+CW1fNKwOg='
crossorigin='anonymous')
script(src='https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js' integrity='sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1' crossorigin='anonymous')
ReferenceError: axios 未定义 登录时 (login.js:7) 在 HTMLFormElement。 (login.js:26)
【问题讨论】:
-
在
axios.js之后移动login.js
标签: javascript express axios pug