关于#webpack#的问题，如何解决？

Question

webpack 配置 cheerio

vue 安装 cheerio

报错 You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See

应该怎么配置cheerio

Answer 1

这个报错是因为 webpack 没有对 cheerio 这个模块进行处理，需要在 webpack 配置文件中添加相应的 loader 来处理该文件。

具体操作如下：

1. 在 webpack 配置文件中添加以下代码：

module: {
  rules: [
    {
      test: /\.html$/,
      use: ['html-loader'] // 需要添加的 loader
    }
  ]
}

注意，代码中的 html-loader 可能需要先安装，可以通过以下命令安装：

npm install html-loader --save-dev

1. 重新运行 webpack。

此时，webpack 就会识别到 cheerio 模块，并正确处理文件。

针对具体情况而言，你需要在你的 vue 项目配置文件中添加上述代码，应该就能解决你的问题了。

Answer 2

你需要指定一个适当的文件类型处理程序loader。

Answer 3

不知道你这个问题是否已经解决, 如果还没有解决的话:

• 你可以参考下这篇文章：webpack配置解决开发环境中的跨域问题
• 您还可以看一下 严蓓琦老师的前端中级进阶——Webpack课程中的 从零开始的一个webpack开发项目小节, 巩固相关知识点
  

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^