Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/362.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 未找到模块:错误:Can';t解决';财政司司长';使用Webpack和PixiJS时_Javascript_Node.js_Webpack_Fs_Pixi.js - Fatal编程技术网

Javascript 未找到模块:错误:Can';t解决';财政司司长';使用Webpack和PixiJS时

Javascript 未找到模块:错误:Can';t解决';财政司司长';使用Webpack和PixiJS时,javascript,node.js,webpack,fs,pixi.js,Javascript,Node.js,Webpack,Fs,Pixi.js,我想创建一个JavaScript函数,通过它我可以指定文件夹的路径,并将该文件夹中的每个文件加载到PixiJS中,而不必知道每个文件的名称和扩展名。似乎Node.js中的fs模块就是这里要使用的东西 当我使用import*作为“fs”中的fs时在我的game.ts文件的顶部,我得到以下错误: ERROR in ./src/my-subproject/game.ts Module not found: Error: Can't resolve 'fs' in 'C:\Users\me\WebDev

我想创建一个JavaScript函数,通过它我可以指定文件夹的路径,并将该文件夹中的每个文件加载到PixiJS中,而不必知道每个文件的名称和扩展名。似乎Node.js中的fs模块就是这里要使用的东西

当我使用
import*作为“fs”中的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
可能和我的情况有关。它说它不会工作,因为它是“网络而不是本地文件系统”。这意味着什么?如果我真的因为任何原因无法访问我的资产文件,那么当我给它文件路径时,PixiJS如何才能加载它们

如果这不是问题,我想可能是我的网页有问题。我在网上看到了许多修改我的网页的不同建议,但没有一个对我有用。比如说,

这是我完整的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中添加一些内容,您能否指定我应该将其放置在何处?大多数消息来源对此并不清楚。谢谢