Nx serverless webpack: Module not found: Error: Can't resolve 'xxx'

Question

我正在使用这个模板 https://github.com/sudokar/nx-serverless 使用无服务器框架创建 nx monorepo，我没有修改任何配置，因此您可以将其作为参考。它工作正常，但是当我尝试从 node_modules 导入任何内容时，我在使用 webpack

构建期间遇到错误

这是错误示例

ERROR in ../../node_modules/@mapbox/node-pre-gyp/lib/util/s3_setup.js 112:15-30
Module not found: Error: Can't resolve 'nock' in 'C:\Users\kktam\Desktop\Dev\nx-serverless-t73\node_modules\@mapbox\node-pre-gyp\lib\util'
resolve 'nock' in 'C:\Users\kktam\Desktop\Dev\nx-serverless-t73\node_modules\@mapbox\node-pre-gyp\lib\util'
  Parsed request is a module
  using description file: C:\Users\kktam\Desktop\Dev\nx-serverless-t73\node_modules\@mapbox\node-pre-gyp\package.json (relative path: ./lib/util)
    resolve as module
      C:\Users\kktam\Desktop\Dev\nx-serverless-t73\node_modules\@mapbox\node-pre-gyp\lib\util\node_modules doesn't exist or is not a directory
      C:\Users\kktam\Desktop\Dev\nx-serverless-t73\node_modules\@mapbox\node-pre-gyp\lib\node_modules doesn't exist or is not a directory
      looking for modules in C:\Users\kktam\Desktop\Dev\nx-serverless-t73\node_modules\@mapbox\node-pre-gyp\node_modules
        single file module
          using description file: C:\Users\kktam\Desktop\Dev\nx-serverless-t73\node_modules\@mapbox\node-pre-gyp\package.json (relative path: ./node_modules/nock)
            no extension
              C:\Users\kktam\Desktop\Dev\nx-serverless-t73\node_modules\@mapbox\node-pre-gyp\node_modules\nock doesn't exist
            .mjs
              C:\Users\kktam\Desktop\Dev\nx-serverless-t73\node_modules\@mapbox\node-pre-gyp\node_modules\nock.mjs doesn't exist
            .json
              C:\Users\kktam\Desktop\Dev\nx-serverless-t73\node_modules\@mapbox\node-pre-gyp\node_modules\nock.json doesn't exist
            .ts
              C:\Users\kktam\Desktop\Dev\nx-serverless-t73\node_modules\@mapbox\node-pre-gyp\node_modules\nock.ts doesn't exist
            .js
              C:\Users\kktam\Desktop\Dev\nx-serverless-t73\node_modules\@mapbox\node-pre-gyp\node_modules\nock.js doesn't exist
        C:\Users\kktam\Desktop\Dev\nx-serverless-t73\node_modules\@mapbox\node-pre-gyp\node_modules\nock doesn't exist
      C:\Users\kktam\Desktop\Dev\nx-serverless-t73\node_modules\@mapbox\node_modules doesn't exist or is not a directory
      C:\Users\kktam\Desktop\Dev\nx-serverless-t73\node_modules\node_modules doesn't exist or is not a directory
      looking for modules in C:\Users\kktam\Desktop\Dev\nx-serverless-t73\node_modules
        single file module
          using description file: C:\Users\kktam\Desktop\Dev\nx-serverless-t73\package.json (relative path: ./node_modules/nock)
            no extension
              C:\Users\kktam\Desktop\Dev\nx-serverless-t73\node_modules\nock doesn't exist
            .mjs
              C:\Users\kktam\Desktop\Dev\nx-serverless-t73\node_modules\nock.mjs doesn't exist
            .json
              C:\Users\kktam\Desktop\Dev\nx-serverless-t73\node_modules\nock.json doesn't exist
            .ts
              C:\Users\kktam\Desktop\Dev\nx-serverless-t73\node_modules\nock.ts doesn't exist
            .js
              C:\Users\kktam\Desktop\Dev\nx-serverless-t73\node_modules\nock.js doesn't exist
        C:\Users\kktam\Desktop\Dev\nx-serverless-t73\node_modules\nock doesn't exist
      C:\Users\kktam\Desktop\Dev\node_modules doesn't exist or is not a directory
      C:\Users\kktam\Desktop\node_modules doesn't exist or is not a directory
      C:\Users\kktam\node_modules doesn't exist or is not a directory
      C:\Users\node_modules doesn't exist or is not a directory
      C:\node_modules doesn't exist or is not a directory
 @ ../../node_modules/@mapbox/node-pre-gyp/lib/node-pre-gyp.js 15:21-62
 @ ../../node_modules/bcrypt/bcrypt.js 3:17-48
 @ ./src/handlers/register/register-handler.ts 14:17-34

这是 webpack 配置

import * as path from 'path';
import * as slsw from 'serverless-webpack';
import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin';
import * as webpack from 'webpack';

export const baseWebpackConfig = (
  directory: string
): webpack.Configuration => ({
  context: directory,
  mode: 'production',
  entry: slsw.lib.entries,
  devtool: 'inline-cheap-module-source-map',
  optimization: {
    minimize: true,
    minimizer: [
      () => {
        return () => {
          return {
            terserOptions: {
              format: {
                comments: false,
              },
            },
            extractComments: false,
          };
        };
      },
    ],
  },
  resolve: {
    extensions: ['.mjs', '.json', '.ts', '.js'],
    symlinks: false,
    cacheWithContext: false,
    plugins: [
      new TsconfigPathsPlugin({
        configFile: 'tsconfig.app.json',
      }),
    ],
  },
  output: {
    libraryTarget: 'commonjs',
    path: path.join(directory, '.webpack'),
    filename: '[name].js',
  },
  target: 'node',
  externals: [],
  module: {
    rules: [
      // all files with a `.ts` or `.tsx` extension will be handled by `ts-loader`
      {
        test: /\.(tsx?)$/,
        loader: 'ts-loader',
        exclude: [
          [
            path.resolve(directory, 'node_modules'),
            path.resolve(directory, '.serverless'),
            path.resolve(directory, '.webpack'),
          ],
        ],
        options: {
          transpileOnly: true,
          experimentalWatchApi: true,
        },
      },
    ],
  },
  plugins: [],
});

我唯一得到这个错误的事情是在处理程序中 import { hash } from 'bcrypt';，由于这个 webpack 错误，在本地使用无服务器离线部署或服务都不起作用

Answer 1

您的问题与nx无关。

这里的问题在于使用 bcrypt。

或者，您可以使用 bcryptjs instead of bcrypt

Nx serverless webpack: Module not found: Error: Can't resolve 'xxx'

Nx serverless webpack: Module not found: Error: Can't resolve 'xxx'

webpack

serverless-framework

nrwl-nx