React-dnd: CJS 모듈 가져 오기가 최신 버전에서 중단되었습니다.

+1, 내 시나리오에서 webpack 빌드는 잘 작동하지만 mocha --require @babel/register (즉, 노드 환경)은 동일한 결함 결과를 제공합니다.

또한 /dist/cjs [email protected] 에서 생성 된 배포 하위 트리가 손상된 것 같습니다. babel-plugin-module-resolver 를 통해 바벨 구성에서 이것을 해킹하려고 시도했지만 성공하지 못했습니다.

  [
    "babel-plugin-module-resolver",
    {
      alias: {
        "^react-dnd$": "\\0/dist/cjs",
        "^react-dnd-.*$": "\\0/dist/cjs",
        "^dnd-.*$": "\\0/dist/cjs"
      }
    }
  ]

간단히 말해서,이 재 작성 벨로우는 webpack ( [email protected] ) 및 mocha ( [email protected] )에서도 애플리케이션 소스 코드 변경없이 작동합니다.

  [
    "babel-plugin-module-resolver",
    {
      alias: {
        "^react-dnd$": "\\0-cjs"
      }
    }
  ]

이 같은 문제에 직면하고 있습니다.

나도 이걸 만났어

@martinschayna 두 번째

/node_modules/dnd-core/dist/esm/index.js:1
(function (exports, require, module, __filename, __dirname) { export * from './interfaces';

또한 9.3.3이 모든 패키지에 대해 게시되지 않은 것을 확인했습니다. @darthtrevino 조금 이상해

이 부분을 좀 더 파헤 쳤습니다.

.d.ts가 패치되지 않은 것 같습니다 (이 시점에서 scripts/execute_cjs_replacements.js 규칙이 좋아 보이는 이유가 확실하지 않음).

process module requires in /Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd
*.d.ts require replacement [ { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/common/DndContext.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/common/DndProvider.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/common/DragPreviewImage.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/common/DragSourceMonitorImpl.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/common/DropTargetMonitorImpl.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/common/index.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/common/registration.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/common/SourceConnector.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/common/TargetConnector.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/common/wrapConnectorHooks.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/decorators/createSourceFactory.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/decorators/createTargetFactory.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/decorators/decorateHandler.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/decorators/disposables.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/decorators/DragLayer.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/decorators/DragSource.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/decorators/DropTarget.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/decorators/index.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/decorators/interfaces.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/decorators/utils.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/hooks/index.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/hooks/internal/drag.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/hooks/internal/drop.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/hooks/internal/useCollector.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/hooks/internal/useDragDropManager.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/hooks/internal/useMonitorOutput.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/hooks/useDrag.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/hooks/useDragLayer.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/hooks/useDrop.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/index.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/interfaces/connectors.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/interfaces/hooksApi.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/interfaces/index.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/interfaces/monitors.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/interfaces/options.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/utils/cloneWithRef.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/utils/isRef.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/utils/isValidType.js',
    hasChanged: false },
  { file:
     '/Users/cautexier/projects/react-dnd/packages/alternative_builds/cjs/react-dnd/lib/utils/js_utils.js',
    hasChanged: false } ]
js from replacement []
*.d.ts from from replacement []
*.d.ts from import replacement []

js 파일의 가져 오기를 대체하는 scripts / execute_cjs_replacements.js에 누락 된 규칙이 있다고 생각합니다. 따라서 DndContext.js는 node_modules / react-dnd-cjs / lib / common / DndContext.js : 11의 dnd-core에서 가져 오기를 시도하지 않습니다.

        let jsFromReplaceSpec = {
            files: `${file}/lib/**/*.js`,
            from: esmLibs.map(esmLib => new RegExp(`from '${esmLib}'`, 'g')),
            to: esmLibs.map(esmLib => `from '${esmLib}-cjs'`),
        }
        replace.sync(jsFromReplaceSpec)

절름발이, 릴리스 프로세스를 수정하겠습니다.

방금 abolute 경로를 커밋했습니다 : https://github.com/react-dnd/react-dnd/search?q=christrevino&unscoped_q=christrevino

yarn build
yarn run v1.15.2
$ tsc
error TS6053: File '/Users/christrevino/Workspace/oss/react-dnd/packages/core/react-dnd/src/index.ts' not found.


Found 1 error.

error Command failed with exit code 2.

내 저장소를 정리하고 tsconfig에도 불구하고 빌드를 실행할 수있었습니다.

원사 링크를 사용하면 작업을 수행 할 수 있지만 게시 된 9.3.5 패키지에 여전히 올바른 파일이 포함되어 있지 않은 것 같습니다.

CJS 빌드는 항상 동적으로 생성되도록 설계되었으므로 절대 경로에 대해 너무 걱정하지 않습니다. yarn install 에서는 어쨌든 다시 생성되어야합니다. 그들이 .gitignore에없는 유일한 이유는 Lerna가 발견 할 수없는 문제 때문이었습니다.

@sandorfr 빌드가 완료된 후 어떤 종류의 오류가 표시됩니까?

CJS에서 타이핑 필드가 누락 된 것을 확인했습니다. 이에 대한 다른 릴리스를 수행하겠습니다.

위의 오류는 https://github.com/react-dnd/react-dnd/issues/1468#issuecomment -518488026이지만 내 저장소를 정리하여 해결되었습니다. 나는 실 설치를 한 다음 그것을 고쳤다 고 생각합니다.

유일한 남은 문제는 게시 한 9.3.5에 타르볼을 검사 할 때 변경 사항이 포함되어 있지 않은 것 같습니다. 여전히 잘못된 가져 오기를 가져옵니다.

로컬에서 빌드 한 패키지를 보면 괜찮습니다.

create_packages 스크립트에서 절대 URL을 제거하고 있습니다. 1 분 안에 작동합니다.

@sandorfr CJS 패키지는 이제 9.3.6에 게시됩니다.

흠, 게시가 트리거 될 때 대체 스크립트가 실행되고 있다고 생각하지 않습니다.

npm 설치의 내용은 괜찮아 보입니다. 뭔가 잘못 읽은 것 같습니다.

좋아 지금 시도해보십시오 :)

여전히 잘못된 파일입니다 ...

Lerna가 얀 링크 나 뭔가를 설정해야합니다. 잠시만 기다려주세요.
편집-네, npm을 다른 디렉토리에 설치하면이 문제가 재현됩니다. 다른 것을 잘라내겠습니다.

양해 해 주셔서 감사합니다. 여러 패치를 연속해서 잘라서 죄송합니다. 그것들은 아마도 프리 릴리즈 였을 것입니다.

양해 해 주셔서 감사합니다. 여러 패치를 연속해서 잘라서 죄송합니다. 그것들은 아마도 프리 릴리즈 였을 것입니다.

반응에 감사드립니다 :) 이런 종류의 문제가 얼마나 고통 스러운지 알고 있습니다. 그래서 공감할 수 있습니다 :)

올바른 버전은 9.3.8입니까?

9.3.9 바라건대-9.3.8에는 lib / 디렉토리가 없습니다. prepublishOnly 스크립트가 실행되는 방식에 문제가 생겼습니다.

9.3.9는 내 쪽에서 좋아 보인다

@martinschayna 두 번째

@sandorfr 예, [email protected] 및 [email protected] 이전 버전이 설치된 상태에서 작동합니다. 나는 아직 최신 버전으로 시도하지 않았지만 babel config에서 추악한 해킹을 제거하기를 고대하고 있습니다 : slightly_smiling_face :

9.3.9는 내 쪽에서 좋아 보인다

좋아 보인다 💃. CI가 완료되면 확실히 알 것입니다 :)

나는 20 일까지 나가고 있습니다. 문제가 지속되면 언제든지 다시 열어보세요. 감사!

npm에 게시 할 수 있습니까? 사용 가능한 최신 버전은 오늘부터 9.3.4입니다. https://www.npmjs.com/package/react-dnd

npm에 게시 할 수 있습니까? 사용 가능한 최신 버전은 오늘부터 9.3.4입니다. https://www.npmjs.com/package/react-dnd

문제의 수정 사항은 cjs 릴리스에만 적용 / 영향을줍니다 : https://www.npmjs.com/package/react-dnd-cjs