Browserify 或 Babel 插入特殊字符

Question

我正在使用带有 babel 的 browserify 作为转换。一个特殊字符 (Â) 被添加到我自己的脚本，以及各个地方的其他模块。此 build/compile 在 Windows 机器上。

NPM 构建脚本

browserify -s appClient source/app-client.js -t babelify > build/app-client.js

输入片段：

return (
  <p>Hello,&nbsp;<span
      onClick = { () => setMode('edit') }
      style = { styles.displayMode }
      >{ word }!
      </span>
      <input
        onKeyUp = { onKeyUp}
        placeholder = { word }
        ref = 'wordInput'
        style = { styles.editMode }
      />
  </p>)

}

输出：

Hello,Â world!

奇怪的是 Â 是由   而不是 &nbsp 生成的。所以也许我不是在看构建过程。

我可以手动编辑 JavaScript 文件来删除特殊字符。

Answer 1

在 IDE 中将受影响文件的编码类型设置为 utf-8。

然后添加...

<meta charset="UTF-8">

...到您的 html 页面。这应该可以解决所有字符错误的问题。

NOTE: The meta tag alone is unnecessary when the content wasn't saved as unicode. It only causes the page to interpret all content as utf-8 (unicode).

Browserify 或 Babel 插入特殊字符

Browserify or Babel inserting special character

reactjs

gulp

browserify

babeljs