Webpack -找不到模块原始加载器
Webpack是一个现代化的静态模块打包工具，它主要用于将多个模块打包成一个或多个静态资源文件。它是前端开发中非常重要的工具之一，可以帮助开发者管理和优化项目中的各种资源。
Webpack的主要功能包括模块打包、代码分割、资源优化、代码转换等。它支持多种模块化规范，如CommonJS、AMD、ES6模块等，并且可以通过加载器(loader)和插件(plugins)的方式进行扩展和定制。
在Webpack中，模块是指项目中的各个文件，可以是JavaScript文件、CSS文件、图片文件等。通过配置文件或命令行参数，Webpack可以根据模块之间的依赖关系，将它们打包成一个或多个静态资源文件，以供浏览器加载和解析。
对于找不到模块原始加载器的问题，可能是由于以下几个原因导致的：
- 模块加载器未安装：Webpack需要使用相应的加载器来处理不同类型的模块，如果没有安装对应的加载器，就会找不到模块原始加载器。解决方法是通过npm安装对应的加载器，例如使用
npm install css-loader安装CSS加载器。 - 配置文件错误：Webpack的配置文件（通常是webpack.config.js）中可能存在错误配置，导致找不到模块原始加载器。可以检查配置文件中的加载器配置是否正确，并确保加载器的路径和名称正确。
- 模块路径错误：在项目中引用模块时，可能存在路径错误导致找不到模块原始加载器。可以检查引用模块的路径是否正确，并确保模块的加载器正确配置。
总结起来，解决找不到模块原始加载器的问题，可以通过安装对应的加载器、检查配置文件和模块路径来排查和解决。如果问题仍然存在，可以参考Webpack官方文档或社区中的相关资源进行更深入的排查和解决。
腾讯云提供了一系列与Webpack相关的产品和服务，例如云函数SCF（Serverless Cloud Function）、云开发Cloudbase、云托管Tencent CloudBase等，它们可以与Webpack结合使用，提供更便捷的部署和运行环境。具体产品介绍和文档可以参考以下链接：
- 云函数SCF：https://cloud.tencent.com/product/scf
- 云开发Cloudbase：https://cloud.tencent.com/product/cloudbase
- 云托管Tencent CloudBase：https://cloud.tencent.com/product/tcb
相关·内容
我需要加载一个JS文件作为一个字符串，这样我就可以对它运行一些分析。我正在尝试使用原始加载器与Webpack (2.2.0)。Raw-loader没有被占用，它只是尝试正常加载JS文件： module.exports = { rules: [ test: /\app.js它存在于我的节点模块中。我已经吹掉了我的node_modules，并重新安装了。我看过很多解决方案，但似乎没有任何解决方案。
浏览 27提问于2019-10-09得票数 5
我想让webpack处理js文件(minify/uglify)，而不是把它格式化成一个模块--这样它就只是一个原始的js文件，只包含初始代码(minify/uglified)，没有任何webpackJsonp我需要一个这样的文件来加载它，然后在浏览器中加载webpack，以检测是否加载了自定义字体。如果我使用webpack模块来做这件事，那么我的包是在加载字体文件之后加载
浏览 0提问于2016-01-15得票数 12
我使用从.json文件中加载一些数据。这个文件没有最小化，我不想这样做，因为它以后更容易维护和更新。resolve: {}, loaders: [
{
浏览 1提问于2016-01-05得票数 1
我们使用了一些需要配置的模块，即accounting.js。我们希望集中这些库的配置，并在将配置的库导入到某个地方时自动加载它。因此，当脚本通过import accounting from 'accounting';导入记帐时，我们不希望webpack直接加载库，而是加载已配置的包装器。现在的问题是记帐无法加载到包装器文件中。您可以创建一个应用于所有文件的别名规则，从而将库作为其包装器的别名。然后，您可以创建另一个
浏览 1提问于2018-03-08得票数 1
为什么加载程序返回返回"module.exports =“+JSON.stringify(输入)；而不是返回JSON.stringify(输入)；这是json装载机。
浏览 2提问于2016-11-28得票数 2
回答已采纳
我在webpack里有个化名，比如：我有一个条目文件main.js，其中包含以下内容：我也有一个文件加载程序，负责处理图像。尽管main.js中未定义bux，但实际发生的情况是webpack将static文件夹(所有文件，甚至是static文件夹的子目录)中的所有内容捆绑在一起。我很好奇为什么？
浏览 1提问于2020-03-16得票数 0
1回答
我刚开始配置webpack，我不确定处理静态图像的正确方法，我已经看到了多种方法。
src/modules/login/components/loginPage.html
我可以依靠html-加载程序将我的图像
浏览 5提问于2016-09-22得票数 1
回答已采纳
我正在编写一个单级程序，因此我希望Webpack从src而不是dist加载我的源(dist是在package.json中指定的)。问题是Webpack读取core包的package.json，并使用指向dist文件夹的module和main字段。相反，我希望Webpack从src加载原始源代码，因为这个@test/core是我自己代码库的一部分，而不是外部依赖项。有没有办法强迫Webpack只为某些模块加载我的原始<
浏览 1提问于2019-06-16得票数 8
回答已采纳
我用webpack让带有PrimeNG的Angular2运行。PrimeNG依赖于本身使用主题的PrimeUI，其中一个主题(主题较暗)缺少一个图像(它只适用于旧浏览器)。但是现在，当我使用webpack加载css文件时，它告诉我“找不到模块:错误:无法解析' file‘或'directory’...如何从外部控制css加载器或sass加载器(不确定最后由谁处理)应该忽略它？
谢谢!
浏览 4提问于2016-03-17得票数 1
我已经将我的css文件导入到main.js，这是webpack的输入文件。我还安装了样式&css加载器。css"}},
风格-加载器和webpack已经在他们的node_modules文件夹下有加载程序-utils包，但是它仍然找不到这个模块？。
浏览 4提问于2016-02-14得票数 3
1回答
描述错误模块构建失败截图桌面(请填写以下信息)：附加上下文将我的项目从webpack的v3迁移到webpack5。在通过
浏览 2提问于2021-03-25得票数 0
我正在学习react，Webpack dev服务器没有启动，给了我这个错误。内部/模块/cjs/loader.js:573抛出错误；^ Error:找不到模块'webpack‘"scripts": {
"start": "webpack-dev-server --config内部/模块/cjs/loader.js:573抛出错
浏览 1提问于2018-09-02得票数 1
1回答
我希望能够将它与angular 2应用程序打包在一起使用，这要归功于webpack。如何把它很好地包装在webpack里面呢？看一看nodejs文档，dll名称使用扩展.node ()我将使用服务器端渲染，否则这是不可能的。
问候你，斯蒂芬
浏览 4提问于2017-07-24得票数 7
1回答
Webpack的基本构建似乎工作得很好--我已经将“path”定义移到了“别名”，并为我的内容和shims设置了加载器，比如jQuery。带有文本插件的AMD模块 'security', 'text!..modals, contactInfoTemplate) { foo: function
浏览 6提问于2018-11-30得票数 1
webpack中是否存在回调或事件，以了解某个模块或块何时未能在浏览器中加载？我知道webpack可以告诉你，捆绑时找不到某个模块，但是假设您对脚本做了一些更改，但是已经有一个用户在when应用程序中.然后就找不到先前捆绑的块名了。
浏览 1提问于2019-09-08得票数 4
回答已采纳
我正在转换一个项目使用需求webpack和有问题的“html-加载程序”加载程序。package.json："webpack": "^1.11.0",app/js/webpack.config.js) ]
当我运行<e
浏览 5提问于2015-08-12得票数 14
回答已采纳
我重写了服务器端代码以使用实验性的esm导入。这意味着__dirname不再工作了。为了使非模块代码可以使用这个库，我使用webpack来转换代码，该代码剥离所有的导入，并将其捆绑在一起。但是，为了解决__dirname问题，我有一个cjs文件，它总是以commonjs模块的形式加载，该模块只导出__dirname。然而，webpack也捆绑了这个文件，破坏了__dirname的意义(不管你在webpack配置中传递了哪个选项)。外部选项似乎只适用于未
浏览 2提问于2020-04-16得票数 0
2回答
我正在构建一个小的web应用程序Webpack支持的CSS模块(通过css加载程序)，没有反应。我的目标是通过在css加载器上使用选项(因为我目前正在使用冗长的边界元类名)来获取localIdentName: '[hash:base64:8]'。我以前使用过css-加载程序和React，它最终起作用了，因为您可以导入React文件中的样式类名，并使用可读的名称来引用它们，而不管Webpack将类名改为什么。但是，当使用原始的时，我很
浏览 1提问于2019-03-08得票数 2
回答已采纳
因此，我看了webpack HMR的文档，似乎找不到一种方法来热模块加载服务器端文件。例如，我有一个用类型记录编写的配置文件，需要能够在更改配置文件时重新加载。所以我需要在编译后进行更新。所有的文档都倾向于使用webpack开发服务器，除了这一个，这并不能解释我的webpack配置应该是什么样子来使用HMR。任何帮助或建议都会很棒。
浏览 4提问于2016-10-18得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
