如何解决找不到模块:错误:使用Webpack和PixiJS时无法解析'fs'
我想创建一个JavaScript函数,通过它可以指定文件夹的路径,并将该文件夹中的每个文件加载到PixiJS中,而不必知道每个文件的名称和扩展名。似乎在这里要使用Node.js中的fs模块。
当我在import * as fs from 'fs';
文件顶部使用game.ts
时,出现此错误:
ERROR in ./src/my-subproject/game.ts
Module not found: Error: Can't resolve 'fs' in 'C:\Users\me\WebDev\MyProject\src\my-subproject'
@ ./src/my-subproject/game.ts 33:24-37
@ multi ./src/my-subproject/game.ts
This thread可能与我的情况有关。它说它不起作用,因为它是“网络而不是本地文件系统”。这是什么意思?如果由于某种原因我确实无法访问资产文件,当我给它提供文件路径时,PixiJS如何加载它们?
如果这不是问题,我认为这可能是Webpack的问题。我已经看到许多关于在线修改Webpack的建议,但没有一个对我有用。例如,
- https://www.freecodecamp.org/news/requiring-modules-in-node-js-everything-you-need-to-know-e7fbd119be8/
- https://github.com/pugjs/pug-loader/issues/8
- Module not found: Error: Can't resolve 'fs' when using readFileSync
这是我完整的webpack.config.js文件:
const path = require('path');
module.exports = {
mode: "development",entry: [
path.resolve('src/my-subproject','game.ts')
],output: {
path: path.resolve('dist'),filename: 'game-bundle.js'
},module: {
rules: [
{
test: /\.tsx?$/,use: 'ts-loader',exclude: '/node_modules/',},{
test: /\.js$/,exclude: /node_modules/,loader: 'babel-loader',options: {
presets: [
['@babel/preset-env',{
useBuiltIns: 'usage',targets: {
"chrome": "61",}
}]
]
}
},],resolve: {
extensions: [ '.txs','.ts','.js'],modules: [
path.resolve('src'),'node_modules'
]
},devtool: 'inline-source-map',devServer: {
port: 8000,open: true,contentBase: path.resolve('dist'),watchContentBase: true
}
};
如果我确实需要在webpack.config.js中添加一些内容,您能否指定确切的位置?大多数消息来源对此尚不清楚。谢谢!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。