Knex: webpack과 함께 knex를 사용할 때 "모듈을 찾을 수 없음" 오류

이 문제가 있었지만 webpack 구성의 외부에 Regex를 추가하면 문제가 해결되었습니다.

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 콘텐츠에 대한 소유권 등을 올바르게 가지고 있습니까?

     [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를 사용하여 서비스에 대한 완전한 웹팩 번들을 생성하는 문제를 해결하기 위해 노력하고 있었고 해당 번들에서 프로그래밍 방식으로 마이그레이션을 실행하려고 할 때 이 문제에 부딪쳤습니다. @mdlavin 의 제안은 요구 사항을 실행하도록 했지만 webpack이 소스 파일을 변환하지 않는 결과를 가져왔습니다. 그것은 또한 내가 webpack 번들의 out of band 번들과 함께 해당 디렉토리를 포함해야 한다는 것을 의미했습니다.

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'
    }),

이것을 조금 분해하자면, 문제는 knex의 마이그레이션 및 시드 코드가 여기 https://github.com/tgrisser/knex/blob/master/ 에서와 같이 마이그레이션 및 시드를 로드하기 위해 require 를 호출한다는 것입니다. src/migrate/index.js#L54. 하드 코딩된 문자열 접두사 또는 접미사 없이 요구하는 함수/표현식의 결과를 전달하므로 웹팩이 실제로 로드할 수 있는 파일을 파악하려고 할 때 이를 결정할 충분한 정보가 없습니다. 이 플러그인은 웹팩에 필요한 정보를 제공합니다.

webpack과 번들링할 때 필요하지 않도록 Knex를 변경할 수 있는지 잘 모르겠습니다. 아마도 사용자 영역에서 요구 사항을 수행함으로써?

어쨌든, 나는 나를 위해 일한 솔루션을 공유 할 것이라고 생각했습니다.

Angular에서 이 문제에 대한 제안 사항이 있습니까?
익스프레스 프로젝트를 사용해 보았는데 정상입니다(오류가 표시되지 않음). 그러나 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 파일에 설정할 수 있습니까?

아마도 웹팩에서.

이것은 나를 위해 고쳤습니다( @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'
    }

그런 다음 이 목록에서 사용 중인 드라이버를 제거하면 웹팩이 해당 드라이버를 빌드에 포함합니다.

@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) noop.js 의 상대 가져오기를 knex 내부 깊숙이 가져오려고 했기 때문에 작동하지 못했습니다. 방금 이 간단한 node-noop lib를 설치했는데 제대로 작동했습니다.
2) Postgres를 사용하므로 첫 번째 줄의 정규식은 찾는 다른 모든 정규식과 일치합니다. 마음껏 수정하세요.

2019/10 나는 그것을 작동 시켰습니다. 다른 문제에서 내 답변을 참조하십시오 https://github.com/tgrisser/knex/issues/1446#issuecomment -537715431

나는 pg 종속성을 "외부"로 설정하고 문제를 많이 해결했습니다. webpack이 백엔드 종속성을 구문 분석한다는 의미입니까?

안녕하세요 여러분, 저는 knex를 사용하여 서비스에 대한 완전한 웹팩 번들을 생성하는 문제를 해결하기 위해 노력하고 있었고 해당 번들에서 프로그래밍 방식으로 마이그레이션을 실행하려고 할 때 이 문제에 부딪쳤습니다. @mdlavin 의 제안은 요구 사항을 실행하도록 했지만 webpack이 소스 파일을 변환하지 않는 결과를 가져왔습니다. 그것은 또한 내가 webpack 번들의 out of band 번들과 함께 해당 디렉토리를 포함해야 한다는 것을 의미했습니다.

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'
    }),

이것을 조금 분해하자면, 문제는 knex의 마이그레이션 및 시드 코드가 여기 https://github.com/tgrisser/knex/blob/master/ 에서와 같이 마이그레이션 및 시드를 로드하기 위해 require 를 호출한다는 것입니다. src/migrate/index.js#L54. 하드 코딩된 문자열 접두사 또는 접미사 없이 요구하는 함수/표현식의 결과를 전달하므로 웹팩이 실제로 로드할 수 있는 파일을 파악하려고 할 때 이를 결정할 충분한 정보가 없습니다. 이 플러그인은 웹팩에 필요한 정보를 제공합니다.

webpack과 번들링할 때 필요하지 않도록 Knex를 변경할 수 있는지 잘 모르겠습니다. 아마도 사용자 영역에서 요구 사항을 수행함으로써?

어쨌든, 나는 나를 위해 일한 솔루션을 공유 할 것이라고 생각했습니다.

내 하루를 저장, 정말 감사합니다.

솔루션을 찾는 사람들을 위해 이것은 knex@^0.21.1을 사용하여 저에게 효과적이었습니다. 저는 mysql2 드라이버를 유지하기를 원했습니다. 나는 나를 위해 함께 작동하는 2 개의 기존 솔루션을 사용했습니다.

수정된 버전의 웹팩 구성 병합에서 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 플러그인을 추가하십시오.
참조 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)$')
      ),