google-chrome - Chrome 扩展程序存在有关 UTF-8 的 content.js 错误

Question

从 webpack 3.6.0 迁移到 webpack 4.29.6 并迁移到 babel-loader 8.0.0-beta.6(从 7.1.5 开始)后，我看到错误:

Unchecked runtime.lastError: Could not load file 'content.js' for content script. It isn't UTF-8 encoded.

我对代码没有做任何事情，我只在 package.json 中更新了版本。

所以，我的应用程序无法运行。问题出在哪里？

Answer 1

看起来 JavaScript 代码某处包含非 ASCII 字符，而 Chrome 不喜欢代码缩小时的处理方式。如果您使用terser-webpack-plugin您可以添加一个选项来处理此问题:

const TerserPlugin = require('terser-webpack-plugin');

module.exports = {
  mode: 'production',
  optimization: {
    minimizer: [
      new TerserPlugin({
        terserOptions: {
          output: { ascii_only: true },
        },
      }),
    ],
  },
  ...
};

这是 terser repo ( non-ASCII characters get converted to UTF-8 ) 中的相关问题。