Question

以下代码在本地环境中给我一个错误：

previewsContainer: '.images-holder',
previewTemplate: '  <div class="dz-preview dz-file-preview image-input-wrap">\
<div class="dz-loading-icon"><i class="aficon-circle-notch aficon-spin"></i></div>\
<div class="dz-details">\
....

在FireFox中：

SyntaxError: '' string literal contains an unescaped line break

在Chrome中：

Uncaught SyntaxError: Invalid or unexpected token

我了解可以使用+来合并字符串来解决此错误，但是为什么在本地运行时却收到此错误？我已经确保使用所有完全相同的文件（使用WinMerge）。

我正在本地和实时服务器上使用apache网络服务器来提供JS /其他文件。两者都是linux服务器。

编辑：

请再次澄清一下，我想知道是什么导致仅在一个环境中发生此错误？我想使本地环境与生产环境尽可能匹配。我对服务器端可能导致JS解释/执行差异的原因不知所措

Answer 1

尝试将template literals用于多行字符串

Answer 2

您可以对多行字符串使用反引号（模板文字）：

{
  previewTemplate: `<div class="dz-preview dz-file-preview image-input-wrap">
<div class="dz-loading-icon"><i class="aficon-circle-notch aficon-spin"></i></div>
<div class="dz-details">`
}

JavaScript行继续无法在测试环境中运行

2 个答案: