Knex: Webpackでknexを使用すると「モジュールが見つかりません」エラーが発生します

この問題が発生しましたが、webpack構成の外部に正規表現を追加すると修正されました。

const commonLoaders = [
  { test: /\.js$/, loader: 'babel', exclude: [/node_modules/] },
  { test: /\.json$/, loader: 'json' },
];

module.exports = [
  {
    name: 'browser',
    entry: './js/entry.js',
    output: {
      path: './build',
      filename: 'bundle.js',
    },
    module: {
      loaders: commonLoaders.concat([
        { test: /\.styl$/, loader: 'style!css!stylus' },
      ]),
    },
  },
  {
    name: 'server',
    entry: './server.js',
    target: 'node',
    output: {
      path: './build',
      filename: 'server.js',
      libraryTarget: 'commonjs2',
    },
    externals: [
      {
        'socket.io': 'socket.io',
      },
      /^[a-z\-0-9]+$/,
    ],
    module: {
      loaders: commonLoaders.concat([
        { test: /\.styl$/, loader: 'css!stylus' },
      ]),
    },
  },
];

+1

@joeketchi node_modulesディレクトリを無視しても、実際には問題は解決しません。問題を回避しているだけです。 コードがこれらの要求をエラーをスローしないよりインテリジェントな方法で実行するのであれば、それは素晴らしいことです。

また、これに遭遇しました。 node_modulesを無視しても機能しない理由はよくわかりません。

また、これに遭遇しました。 私のために働くもの;

externals: {
  knex: 'commonjs knex'
}

mariasqlの問題について具体的にコメントすることはできませんが、私の問題を解決したのは、使用しないすべてのドライバーを外部として定義することです。 たとえば、プロジェクトにmysql2ドライバーを使用しているので、これを外部に持っています。

  externals: {
    // Possible drivers for knex - we'll ignore them
    'sqlite3': 'sqlite3',
    'mariasql': 'mariasql',
    'mssql': 'mssql',
    'mysql': 'mysql',
    'oracle': 'oracle',
    'strong-oracle': 'strong-oracle',
    'oracledb': 'oracledb',
    'pg': 'pg',
    'pg-query-stream': 'pg-query-stream'
  }

その結果、knexはエラーや警告なしでバンドルされます

この問題は、knexを含めるときにwebpack構成をセットアップする方法の問題のようです... Webpackをより適切にサポートするためにknexに変更が必要な場合は、再度開きます。

実際、この問題はまだ解決されるべきではないと思います。webpackには、移行とシードに関する未解決の問題がまだあります。

WARNING in ./node_modules/knex/lib/migrate/index.js
342:20-81 Critical dependency: the request of a dependency is an expression

WARNING in ./node_modules/knex/lib/migrate/index.js
447:18-49 Critical dependency: the request of a dependency is an expression

WARNING in ./node_modules/knex/lib/seed/index.js
113:13-74 Critical dependency: the request of a dependency is an expression

WARNING in ./node_modules/knex/lib/seed/index.js
150:11-24 Critical dependency: the request of a dependency is an expression

私はこれらを修正できませんでした

@ifullgazはエラーではないようですが、require（）が文字列リテラルで使用されなかったという警告だけですか？ https://github.com/webpack/webpack/issues/196

@ifullgaz 、私はあなたの解決策を試しましたが、以下のようなエラーが発生しました。 同様の問題が発生しましたか？

  Error --------------------------------------------------
  Command failed: npm install
gyp ERR! UNCAUGHT EXCEPTION
gyp ERR! stack Error: spawn EACCES
gyp ERR! stack     at exports._errnoException (util.js:1018:11)
gyp ERR! stack     at ChildProcess.spawn (internal/child_process.js:319:11)
gyp ERR! stack     at exports.spawn (child_process.js:378:9)
gyp ERR! stack     at exports.execFile (child_process.js:143:15)

@brianhuangylは、node_modulesディレクトリとすべてのistコンテンツの所有権などを修正しましたか（npm installをrootとして実行したことはありません）？

     [EACCES]       Permission bits of the file mode do not permit the
            requested access, or search permission is denied on a
            component of the path prefix.

@ifullgaz https://www.laurivan.com/make-electron-work-with-knex-js/からの提案を見つけて、これらのエラーを修正しました。

WARNING in ./node_modules/knex/lib/migrate/index.js
342:20-81 Critical dependency: the request of a dependency is an expression

WARNING in ./node_modules/knex/lib/migrate/index.js
447:18-49 Critical dependency: the request of a dependency is an expression

WARNING in ./node_modules/knex/lib/seed/index.js
113:13-74 Critical dependency: the request of a dependency is an expression

WARNING in ./node_modules/knex/lib/seed/index.js
150:11-24 Critical dependency: the request of a dependency is an expression

具体的には、この部分は私のために働いた：

config.plugins = [
  // ...
  new NormalModuleReplacementPlugin(/\.\.\/migrate/, '../util/noop.js'),
  new NormalModuleReplacementPlugin(/\.\.\/seed/, '../util/noop.js'),
];

これは私にとってのチケットでしたlibraryTarget: 'commonjs2',

webpackがknexファイル内のほとんどのrequireステートメントを処理できるようにする少し異なるアプローチを探しましたが、非リテラルのrequireをそのままにして、ユーザーが移行ファイルとシードファイルを提供するようにしますライブラリのが見つかります。 これが私が取ったアプローチです：

config.module.rules = [
  {
    include: [
      /knex\/lib\/migrate\/index/,
      /knex\/lib\/seed\/index/
    ],
    loader: 'string-replace-loader',
    options: {
      search: 'require(\\([^\'"])',
      replace: '__non_webpack_require__$1',
      flags: 'g'
    }
  }
];

こんにちは皆さん、私はknexを使用してサービスの完全なwebpackバンドルを作成する問題の解決に取り組んでおり、そのバンドルからプログラムで移行を実行しようとしたときにこの問題に遭遇しました。 @mdlavinの提案により、requireを実行できましたが、webpackがソースファイルを変換しませんでした。 また、webpackバンドルの帯域外のバンドルにそのディレクトリを含める必要があることも意味しました。

webpackのContextReplacementPluginを使用して、移行とシードの問題を解決できることがわかりました。 以下は私の設定からのサンプルです（typescriptで書かれています）：

plugins: [
  //...
  fs.existsSync(path.join(params.targetPackageFilePath, 'migrations')) && new webpack.ContextReplacementPlugin(
    /knex\/lib\/migrate/,
    '.',
    fs.readdirSync(path.join(params.targetPackageFilePath, 'migrations'))
      .reduce((result, file) => {
        return Object.assign(result, {
          [path.join(params.targetPackageFilePath, 'migrations', file)]: path.relative(
            path.dirname(require.resolve('knex/lib/migrate')),
            path.join(params.targetPackageFilePath, 'migrations', file)
          )
        });
      }, {})),

  fs.existsSync(path.join(params.targetPackageFilePath, 'seeds')) && new webpack.ContextReplacementPlugin(
    /knex\/lib\/seed/,
    '.',
    fs.readdirSync(path.join(params.targetPackageFilePath, 'seeds'))
      .reduce((result, file) => {
        return Object.assign(result, {
          [path.join(params.targetPackageFilePath, 'seeds', file)]: path.relative(
            path.dirname(require.resolve('knex/lib/seed')),
            path.join(params.targetPackageFilePath, 'seeds', file)
          )
        });
      }, {}))
  //...
]

私の設定では、 params.targetPackageFiletPathは、コンパイルされているパッケージへの解決されたパスです（例： /Users/yourusername/yourproject 。 したがって、そのパスのプロジェクトにmigrations $ディレクトリとseedsディレクトリがある場合、結果のプラグイン構成は次のようになります。

  fs.existsSync(path.join(params.targetPackageFilePath, 'migrations')) && new webpack.ContextReplacementPlugin(
    /knex\/lib\/migrate/,
    '.',
    {
      '/Users/yourusername/yourproject/201706261234_migration.ts': '../../../migrations/201706261234_migration.ts'
    }),

  fs.existsSync(path.join(params.targetPackageFilePath, 'seeds')) && new webpack.ContextReplacementPlugin(
    /knex\/lib\/seed/,
    '.',
    {
      '/Users/yourusername/yourproject/seeds/201706261234_first-seed.ts': '../../../seeds/201706261234_first-seed.ts'
    }),

これを少し分解すると、問題は、ここhttps://github.com/tgriesser/knex/blob/master/のように、knexの移行とシードコードがrequireを呼び出して移行とシードをロードすることです。 src / migrate / index.js＃L54。 ハードコードされた文字列のプレフィックスやサフィックスなしで必要な関数/式の結果を渡すため、webpackが実際にロードする可能性のあるファイルを特定しようとすると、それを判断するための十分な情報がありません。 これらのプラグインは、必要な情報をwebpackに提供します。

Webpackとバンドルするときに、これらを不要にするためにKnexを変更できるかどうかはわかりません。 たぶん、ユーザーランドでrequiresを実行することによって？

とにかく、私は私のために働いた解決策を共有したいと思いました。

Angularでのこの問題に関する提案はありますか？
Express Projectを使用してみましたが、正常です（エラーは表示されません）。 しかし、Angularプロジェクトで使用すると、次のエラーが表示されます。

ERROR in ./node_modules/knex/lib/dialects/oracle/utils.js Module not found: Error: Can't resolve 'crypto' in '/Users/marudits/Documents/CODE/PROJECT/MOJOMARET/app-member/node_modules/knex/lib/dialects/oracle' ERROR in ./node_modules/knex/lib/dialects/mssql/index.js Module not found: Error: Can't resolve 'mssql/package.json' in '/Users/marudits/Documents/CODE/PROJECT/MOJOMARET/app-member/node_modules/knex/lib/dialects/mssql' ERROR in ./node_modules/knex/lib/runner.js Module not found: Error: Can't resolve 'stream' in '/Users/marudits/Documents/CODE/PROJECT/MOJOMARET/app-member/node_modules/knex/lib' ERROR in ./node_modules/knex/lib/dialects/oracledb/index.js Module not found: Error: Can't resolve 'stream' in '/Users/marudits/Documents/CODE/PROJECT/MOJOMARET/app-member/node_modules/knex/lib/dialects/oracledb'

このエラーを削除するための構成をどこで行うことができますか？
angular.jsonまたはtsconfig.jsonファイルに設定できますか？

おそらくwebpackで。

これで修正されました（ @ifullgazへのクレジット）mysql2を追加する必要がありました。

    externals: {
        // Possible drivers for knex - we'll ignore them
        sqlite3: 'sqlite3',
        mysql2: 'mysql2',
        mariasql: 'mariasql',
        mysql: 'mysql',
        oracle: 'oracle',
        'strong-oracle': 'strong-oracle',
        oracledb: 'oracledb',
        pg: 'pg',
        'pg-query-stream': 'pg-query-stream'
    }

次に、使用しているドライバーをこのリストから削除するだけで、webpackがそれをビルドに含めます。

@ifullgaz https://www.laurivan.com/make-electron-work-with-knex-js/からの提案を見つけて、これらのエラーを修正しました。

WARNING in ./node_modules/knex/lib/migrate/index.js
342:20-81 Critical dependency: the request of a dependency is an expression

WARNING in ./node_modules/knex/lib/migrate/index.js
447:18-49 Critical dependency: the request of a dependency is an expression

WARNING in ./node_modules/knex/lib/seed/index.js
113:13-74 Critical dependency: the request of a dependency is an expression

WARNING in ./node_modules/knex/lib/seed/index.js
150:11-24 Critical dependency: the request of a dependency is an expression

具体的には、この部分は私のために働いた：

config.plugins = [
  // ...
  new NormalModuleReplacementPlugin(/\.\.\/migrate/, '../util/noop.js'),
  new NormalModuleReplacementPlugin(/\.\.\/seed/, '../util/noop.js'),
];

これは私にとってはうまくいきました。 これは私がしました：

plugins: [
    new webpack.NormalModuleReplacementPlugin(/m[sy]sql2?|oracle(db)?|sqlite3/, "node-noop"),
    new webpack.NormalModuleReplacementPlugin(/\.\.\/migrate/, "node-noop"),
    new webpack.NormalModuleReplacementPlugin(/\.\.\/seed/, "node-noop")
  ]

1）$＃$ 3 $＃$の相対インポートを機能させることができませんでした。これは、 noop.jsをknexの奥深くにインポートしようとしたためです。 この単純なnode-noop libをインストールしたところ、問題なく動作しました。
2）Postgresを使用しているため、最初の行の正規表現は、検索する他のすべての正規表現と一致します。 心ゆくまで修正してください。

2019/10なんとか機能させることができました、別の問題で私の答えを参照してくださいhttps://github.com/tgriesser/knex/issues/1446#issuecomment -537715431

pgの依存関係を「外部」として配置しましたが、おかげで問題は解決しました。これは、webpackがバックエンドの依存関係を解析することを意味しますか？

こんにちは皆さん、私はknexを使用してサービスの完全なwebpackバンドルを作成する問題の解決に取り組んでおり、そのバンドルからプログラムで移行を実行しようとしたときにこの問題に遭遇しました。 @mdlavinの提案により、requireを実行できましたが、webpackがソースファイルを変換しませんでした。 また、webpackバンドルの帯域外のバンドルにそのディレクトリを含める必要があることも意味しました。

webpackのContextReplacementPluginを使用して、移行とシードの問題を解決できることがわかりました。 以下は私の設定からのサンプルです（typescriptで書かれています）：

plugins: [
  //...
  fs.existsSync(path.join(params.targetPackageFilePath, 'migrations')) && new webpack.ContextReplacementPlugin(
    /knex\/lib\/migrate/,
    '.',
    fs.readdirSync(path.join(params.targetPackageFilePath, 'migrations'))
      .reduce((result, file) => {
        return Object.assign(result, {
          [path.join(params.targetPackageFilePath, 'migrations', file)]: path.relative(
            path.dirname(require.resolve('knex/lib/migrate')),
            path.join(params.targetPackageFilePath, 'migrations', file)
          )
        });
      }, {})),

  fs.existsSync(path.join(params.targetPackageFilePath, 'seeds')) && new webpack.ContextReplacementPlugin(
    /knex\/lib\/seed/,
    '.',
    fs.readdirSync(path.join(params.targetPackageFilePath, 'seeds'))
      .reduce((result, file) => {
        return Object.assign(result, {
          [path.join(params.targetPackageFilePath, 'seeds', file)]: path.relative(
            path.dirname(require.resolve('knex/lib/seed')),
            path.join(params.targetPackageFilePath, 'seeds', file)
          )
        });
      }, {}))
  //...
]

私の設定では、 params.targetPackageFiletPathは、コンパイルされているパッケージへの解決されたパスです（例： /Users/yourusername/yourproject 。 したがって、そのパスのプロジェクトにmigrations $ディレクトリとseedsディレクトリがある場合、結果のプラグイン構成は次のようになります。

  fs.existsSync(path.join(params.targetPackageFilePath, 'migrations')) && new webpack.ContextReplacementPlugin(
    /knex\/lib\/migrate/,
    '.',
    {
      '/Users/yourusername/yourproject/201706261234_migration.ts': '../../../migrations/201706261234_migration.ts'
    }),

  fs.existsSync(path.join(params.targetPackageFilePath, 'seeds')) && new webpack.ContextReplacementPlugin(
    /knex\/lib\/seed/,
    '.',
    {
      '/Users/yourusername/yourproject/seeds/201706261234_first-seed.ts': '../../../seeds/201706261234_first-seed.ts'
    }),

これを少し分解すると、問題は、ここhttps://github.com/tgriesser/knex/blob/master/のように、knexの移行とシードコードがrequireを呼び出して移行とシードをロードすることです。 src / migrate / index.js＃L54。 ハードコードされた文字列のプレフィックスやサフィックスなしで必要な関数/式の結果を渡すため、webpackが実際にロードする可能性のあるファイルを特定しようとすると、それを判断するための十分な情報がありません。 これらのプラグインは、必要な情報をwebpackに提供します。

Webpackとバンドルするときに、これらを不要にするためにKnexを変更できるかどうかはわかりません。 たぶん、ユーザーランドでrequiresを実行することによって？

とにかく、私は私のために働いた解決策を共有したいと思いました。

私の日を救ってください、どうもありがとう。

解決策を探している人のために、これはknex@^0.21.1を使用して私のために働きました、私はmysql2ドライバーを保持したかったです。 私は2つの既存のソリューションを採用しました。

webpack構成で、 https： //github.com/knex/knex/issues/1128#issuecomment-515573845の変更バージョンにマージします

externals: [
      {
        // Possible drivers for knex - we'll ignore them
       // comment the one YOU WANT to use
        sqlite3: 'sqlite3',
        // mysql2: 'mysql2', // << using this one
        mariasql: 'mariasql',
        mysql: 'mysql',
        mssql: 'mssql',
        oracle: 'oracle',
        'strong-oracle': 'strong-oracle',
        oracledb: 'oracledb',
        pg: 'pg',
        'pg-query-stream': 'pg-query-stream',
      }

また、問題のあるパッケージを除外するwebpackプラグインを追加します
ref https://github.com/knex/knex/issues/3130#issuecomment -573293311

mssqlサブディレクトリの正しいセットを含め、ユースケースで正しく除外するように、またKnexが機能するために必要ないくつかのpgパッケージを許可するように、オリジナルを変更しました

    new webpack.IgnorePlugin(
        new RegExp('^(mssql*|mariasql|.oracle.|sqlite3|mssql/.*|tedious|node-pre-gyp)$')
      ),