0

我有一个 ruby​​ on rails 应用程序，它有一个使用 javascript 注入新表单字段的表单。注入的表单字段位于模板文字中。模板在这里：

    $("#formSet").append(`
            <div class="row itemGroup">
        <div class="form-group col">
        <div class="input-group">
        <input type="number" min="0" value="1" name="quotation[items_attributes][${count}][qty]" id="item-qty-${count}" class="form-control qty">
        </div>
        </div>
        <div class="form-group col-5">
        <div class="input-group">
        <input type="text" name="quotation[items_attributes][${count}][description]" id="item-description-${count}" class="form-control desc">
        </div>
        </div>
        <div class="form-group col">
        <div class="input-group">
        <input type="number" value="0" name="quotation[items_attributes][${count}][price]" step="any" min="0" id="item-price-${count}" class="form-control price">
        </div>
        </div>
        <div class="form-group col">
        <div class="input-group">
        <input type="checkbox" name="quotation[items_attributes][${count}][tax]" value="1" id="item-tax-${count}" class="form-control tax"  checked="checked">
        </div>
        </div>
        <div class="form-group col">
        <div class="input-group">
        <input type="number" value="0.00" class="form-control subtotal" name="[items_attributes][${count}][subtotal]" readonly>
        </div>
        </div>
        </div>
`);

但是，当我尝试为生产预编译我的资产时，我得到：

ExecJS::RuntimeError: SyntaxError: Unexpected character '`'

有没有办法将 ES6 模板文字与 rails 预编译器一起使用，或者有没有一种方法可以在不使用模板文字的情况下附加项目？

4

1 回答 1

1

目前 Rails 默认配置不足以使用ES6. 有很多方法可以设置您的项目以供使用，ES6即使不幸的是没有真正的“标准”方式来做到这一点。

选项 1： 如果您的 rails 版本是 4.2 和 Sprockets 3，那么您可以使用https://github.com/rmacklin/sprockets-bumble_d添加 ES6 支持。

选项 2： 将 Sprockets 升级到版本 4，然后使用https://github.com/fnando/babel-schmooze-sprockets或https://github.com/babel/ruby-babel-transpiler添加 babel 以支持 ES6。

选项 3： 如果您使用的是 Rails 5.1，则使用 webpack（代替 sprocket 或与 sprocket 一起使用）。Rails 5.1 通过webpacker gem引入了原生 webpack（以及 babel）支持。对于现有应用程序，这可能是更困难的选择。这里有一篇关于它的好文章：https ://medium.com/statuscode/introducing-webpacker-7136d66cddfb#.cb4sixyah希望对您有所帮助。

于 2017-04-28T03:46:35.893 回答