Question

我想创建一个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的建议，但没有一个对我有用。例如，

这是我完整的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中添加一些内容，您能否指定确切的位置？大多数消息来源对此尚不清楚。谢谢！

找不到模块：错误：使用Webpack和PixiJS时无法解析'fs'

0 个答案: