反應路由器鏈接參數。 意外的字符“`”。 在丑化和拖累

Question

同時使用gulp uglify和eslint時，我得到了意外的字符'`'。

<td><Link to={`/user/${u.userId}`}>{u.UserName}</Link></td>

在gulp文件中

Gulp.task('js', function(){
    Browserify(GulpConfig.paths.mainJs, { debug: (production() ? false : true)})
        .transform(Reactify)
        .bundle()
        .on('error', console.error.bind(console))
        .pipe(Source('bundle.js'))
        .pipe(production(Buffer()))
        .pipe(production(Uglify().on('error', gulpUtil.log)))
        .pipe(Gulp.dest(GulpConfig.paths.dist + '/scripts'))
        .pipe(Connect.reload());
});

怎么處理呢？

Answer 1

使用ES6模板字符串需要您通過諸如Babel之類的工具來轉換代碼，而您目前尚未使用。

但是，由於您正在使用reactify ，因此可以添加選項{"es6": true}以便參與某些ES6功能，例如箭頭功能或模板字符串。

.transform(Reactify, {es6: true})

reactify當前支持的整個功能集是箭頭功能，其余參數，模板，對象縮寫符號和類。

如果您打算長期使用React和ES6，我當然建議您將Babel用作一站式服務，而不是通過瀏覽器化，反應化來完成所有爵士樂，這兩個都是很棒的工具，並且在過去對我有很大幫助。