找不到模块：错误：使用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 (将#修改为@）