程序化的Webpack (&J)：无法解析没有'.js‘文件扩展名的模块
Webpack是一个现代的静态模块打包工具，它主要用于将各种资源（如JavaScript、CSS、图片等）打包成一个或多个静态资源文件，以便在浏览器中加载。它是前端开发中常用的工具之一，可以帮助开发者更高效地管理和构建项目。
对于无法解析没有'.js'文件扩展名的模块的问题，可以通过以下几个步骤来解决：
- 确认模块是否正确引入：首先，需要确认模块是否正确地引入到项目中。检查引入路径是否正确，确保模块文件存在于指定路径下。
- 配置Webpack解析规则：Webpack提供了一些配置选项，可以帮助解析模块时自动添加文件扩展名。在Webpack配置文件中，可以使用resolve.extensions选项来配置解析模块时自动添加的文件扩展名。例如，可以将'.js'添加到extensions数组中，使Webpack在解析模块时自动添加'.js'扩展名。
- 配置Webpack解析规则：Webpack提供了一些配置选项，可以帮助解析模块时自动添加文件扩展名。在Webpack配置文件中，可以使用resolve.extensions选项来配置解析模块时自动添加的文件扩展名。例如，可以将'.js'添加到extensions数组中，使Webpack在解析模块时自动添加'.js'扩展名。
- 这样配置后，Webpack在解析模块时会自动尝试添加'.js'扩展名，以找到正确的模块文件。
- 检查模块文件是否存在：如果以上步骤都没有解决问题，可以检查模块文件是否存在于指定路径下。确保模块文件存在，并且文件名没有拼写错误。
如果以上步骤都没有解决问题，可以进一步检查Webpack的配置文件是否正确，以及相关依赖是否正确安装。
推荐的腾讯云相关产品：腾讯云云开发（CloudBase）是一款集云函数、云数据库、云存储、云托管等能力于一体的云原生后端一体化服务，可以帮助开发者更便捷地构建和部署各类应用。腾讯云云开发提供了丰富的开发工具和资源，支持多种编程语言和开发框架，可以与Webpack等工具无缝集成。
腾讯云云开发产品介绍链接地址：https://cloud.tencent.com/product/tcb
相关·内容
我以编程的方式使用了webpack，使用了typescript、ESM和jest。在jest测试中，我得到的错误是在导入ES模块时没有包含.js文件扩展名。有问题的模块确实在其package.json中设置了"type": "module"。我已经尝试将.js添加到导入中，但没有任何帮助。推荐使用in the docs (除了webp
浏览 742提问于2021-10-03得票数 7
我有一个非常类型的应用程序，我想使用rxjs。我做了：然后在文件main.ts中：import));我得到一个编译错误：如果您需要：，使用Webpack
浏览 3提问于2016-12-19得票数 0
回答已采纳
我们正在reactJS中创建不同的组件，App.jsLandingPage.js示例：import App from './App'
有人知道原因吗？
浏览 8提问于2020-05-20得票数 7
回答已采纳
这是关于 resolve.extensions的文章用于解析模块的扩展数组。例如，为了发现CoffeeScript文件，数组应该包含字符串".coffee“。默认值："“、".webpack.js”、".web.js“、".js”
重要:设置此选项将覆盖默认值，这意味着webpack将不再尝试使用默认扩展来解析
浏览 4提问于2016-11-12得票数 10
回答已采纳
1回答
webpack解决不了流量/功用
、、、、
我有一个用TypeScript写的操作系统项目，我正在向webpack迁移，ERROR in .= require('flux/utils');
我尝试为resolve.alias添加一个flux/utils: 'ABSOLUTE_PATH'部分文件绝对存在于node_modules下，我所依赖的其他库似乎很好地打包。任何帮助都是非常感谢
浏览 5提问于2016-03-19得票数 0
回答已采纳
我使用相对路径在TypeScript中导入了一个模块。import {Widget} from './components/Widget';ERROR in ./src/index.ts 4:19-51我在这里做错什么了？附加
浏览 1提问于2017-07-31得票数 5
回答已采纳
我想弄清楚为什么webpack需要这个空的分机。在resolve.extensions内部，总是有这样的配置：为什么就不能这样：
extensions: ['.js', '.jsx']
浏览 7提问于2016-05-30得票数 16
回答已采纳
2回答
/node_modules/.bin/webpack-dev-server --config=webpack.config.dev.js --progress --colors",}
当我用> npm执行它时，运行webPac
浏览 0提问于2017-02-20得票数 5
回答已采纳
在使用Node.js时，我希望将TypeScript编译为一个文件。/app/index.js", "types": [ ]...but当我尝试使用module" set to"commonjs如果将其更改为"module": "system"，则在node中运行该文件时
浏览 0提问于2016-10-13得票数 25
3回答
我现在有了我的babel转拼器，以及一个.babelrc文件。导入模块的导入代码如下所示： .pipe(webpack(require('.new webpack.optimize.UglifyJsPlugin({ mangle: false, sourcemap: false }),};
浏览 3提问于2017-10-20得票数 6
回答已采纳
/file"，并且将从同一目录中的file.js导入一个变量x。如果目录中存在具有不同扩展名的同名文件，该如何处理？例如，如果在同一目录中有file.js和file.ts，import {x} from "./file"会有什么行为？这取决于javascript的版本吗？
浏览 26提问于2019-03-20得票数 17
回答已采纳
当我像这样写webpack.config.js时 entry: './index.jsx', filename: 'bundle.js' module: { test: /\.jsx', presets: ['es2015', 'react']
浏览 9提问于2016-01-08得票数 137
回答已采纳
在导入模块时，我注意到有时导入的文件有它们的扩展名，例如：而其他库，导入则不：这与ES模块和CommonJS模块有关吗？
浏览 10提问于2022-06-03得票数 10
回答已采纳
3回答
我有一个这样的项目： webpack-config.js app.js dep.js下面是webpack的配置文件： entry: './app/app.js</e
浏览 1提问于2016-07-01得票数 8
回答已采纳
1回答
/~/lib/lib/ReactNativeBaseComponent.js模块中的错误:错误:无法解析C:\node\sandbox\react-webpack\node_modules\react\/~/lib/lib/ReactNativeDOMIDOperations.js模块中的错误:错误:无法解析C:\nod
浏览 3提问于2016-11-07得票数 2
回答已采纳
1回答
模解无扩展
、、
考虑到index.jsx中的这一行：我得到了：
但是table.jsx位于该文件夹中，我试图在webpack.config.<
浏览 2提问于2016-05-02得票数 1
回答已采纳
无文件扩展名类似地，允许在extensions属性中指定一组文件扩展名，告诉Webpac
浏览 9提问于2021-09-01得票数 1
回答已采纳
所有这些错误都以相同的路径开始："ERROR in (webpack)/~/watchpack/~/chokidar/~/fsevents/“在软件包模块中找不到错误:错误:无法解析‘(webpack/package
找不到(webpack)/~/watchpack/~/chokidar/~/fsevents&#
浏览 12提问于2016-09-26得票数 4
1回答
我试图使用模块在redis表中查找键值。但是，导入本身(import redis from 'redis')引发了以下错误：
./node_modules/绑定/bindings.js模块未找到:无法解析'/home/ubuntu/proost/web/node_modules/bindings‘中的“fs”
生成错误发生错误：>生成失败是因为构建(
浏览 0提问于2019-07-28得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
