AngularJs DateTimepicker - 尝试在 pug 模板中包含 .js.map 文件时出错
AngularJs DateTimepicker - error when trying to include .js.map file in pug template
我是 运行 MEAN 堆栈环境,并且 运行 在尝试将 third party addon 包含到 angularjs material 时遇到了问题。
我们有一个 PUG 模板作为我们的主视图,并在那里声明所有依赖项。其中,我有这一行:
script(type="text/javascript" src="scripts/ng-material-datetimepicker/dist/angular-material-datetimepicker.min.js")
script(type="text/javascript" src="scripts/ng-material-datetimepicker/dist/angular-material-datetimepicker.min.js.map")
link(rel="stylesheet" href="scripts/ng-material-datetimepicker/dist/material-datetimepicker.min.css")
使用此行将 src 的 scripts
部分设置为我们的节点模块文件夹:
app.use('/scripts', express.static(path.join(__dirname, ".\node_modules")));
使用该设置,我在开发控制台中收到以下错误,仅参考 .map.js 文件(其他一切似乎都有效):
Uncaught SyntaxError: Unexpected token :
我看到一些关于 MIME 类型不正确的答案,或者这是 chrome 的问题,但我开始倾向于我的某些设置不正确。我做错了什么?
在作者的帮助下,我弄明白了。在这种特定情况下,不需要 .js.map 文件。还稍微更改了以下几行(删除了 js 文件的类型属性,并使用了非缩小版本):
script(src="scripts/ng-material-datetimepicker/js/angular-material-datetimepicker.js")
link(rel="stylesheet" type="text/css" href="scripts/ng-material-datetimepicker/css/material-datetimepicker.css")
Here是link到github与作者交流。希望这个答案对以后的随机浏览器有所帮助:)
我是 运行 MEAN 堆栈环境,并且 运行 在尝试将 third party addon 包含到 angularjs material 时遇到了问题。
我们有一个 PUG 模板作为我们的主视图,并在那里声明所有依赖项。其中,我有这一行:
script(type="text/javascript" src="scripts/ng-material-datetimepicker/dist/angular-material-datetimepicker.min.js")
script(type="text/javascript" src="scripts/ng-material-datetimepicker/dist/angular-material-datetimepicker.min.js.map")
link(rel="stylesheet" href="scripts/ng-material-datetimepicker/dist/material-datetimepicker.min.css")
使用此行将 src 的 scripts
部分设置为我们的节点模块文件夹:
app.use('/scripts', express.static(path.join(__dirname, ".\node_modules")));
使用该设置,我在开发控制台中收到以下错误,仅参考 .map.js 文件(其他一切似乎都有效):
Uncaught SyntaxError: Unexpected token :
我看到一些关于 MIME 类型不正确的答案,或者这是 chrome 的问题,但我开始倾向于我的某些设置不正确。我做错了什么?
在作者的帮助下,我弄明白了。在这种特定情况下,不需要 .js.map 文件。还稍微更改了以下几行(删除了 js 文件的类型属性,并使用了非缩小版本):
script(src="scripts/ng-material-datetimepicker/js/angular-material-datetimepicker.js")
link(rel="stylesheet" type="text/css" href="scripts/ng-material-datetimepicker/css/material-datetimepicker.css")
Here是link到github与作者交流。希望这个答案对以后的随机浏览器有所帮助:)