AngularJs DateTimepicker - 尝试在 pug 模板中包含 .js.map 文件时出错答案

【问题标题】：AngularJs DateTimepicker - error when trying to include .js.map file in pug templateAngularJs DateTimepicker - 尝试在 pug 模板中包含 .js.map 文件时出错
【发布时间】：2018-10-04 21:12:19
【问题描述】：

我正在运行 MEAN 堆栈环境，在尝试将 third party addon 包含到 angularjs 材料时遇到了问题。

我们有一个 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 部分使用这一行设置为我们的 node-modules 文件夹：

app.use('/scripts', express.static(path.join(__dirname, ".\\node_modules")));

使用该设置，我在开发控制台中收到以下错误，仅参考 .map.js 文件（其他一切似乎都有效）：

Uncaught SyntaxError: Unexpected token :

我已经看到一些关于 MIME 类型不正确的答案，或者这是 chrome 的问题，但我开始倾向于我的某些设置不正确。我做错了什么？

【问题讨论】：

标签： javascript angularjs express angularjs-directive angularjs-material

【解决方案1】：

在作者的帮助下，我想通了。在这种特定情况下，不需要 .js.map 文件。还稍微更改了以下几行（删除了 js 文件的 type 属性，并使用了非缩小版本）：

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是与作者进行github交流的链接。希望这个答案对未来的随机浏览器有所帮助:)

【讨论】：