문제가 무엇인지, 지금 업그레이드 할 수없는 경우 문제를 해결하는 방법을 알려 주실 수 있습니까? 예를 들어 CSS 로딩과 관련이 있습니까? 구성에서 변경할 수 있습니까?

@ jon64digital 저는 # 5994에이 문제에 대한 완전한 글을 썼습니다. 폐기 시간 제한을

@timneutkens 저는 8.1.1-canary.24 하고 있으며 버그가 여전히 존재합니다. 어떤 생각?

편집 : 무슨 일이 일어나고 있는지 알아 내십시오. 왜 그런지 모르겠어요 ... :
index.tsx 및 index.less 파일이 있습니다. 내 netxt.config.js 파일에서 cssModules를 사용하고있었습니다 (withLess 사용). /subpage 로드하고 / (다음과 같은 스타일 가져 오기 : import css from './index.less'; )를 참조하는 링크가 있으면 스크립트가 동적으로로드됩니다 ( http://localhost:3000/_next/static/development/pages/index.js ) 그러나 렌더링되지 않습니다. 사실 URL은 전혀 변경되지 않습니다. 멈춘 것 같습니다 ... 적은 파일 가져 오기를 제거하면 문제가 해결되었습니다.

와트는?

Edit2 : https://github.com/zeit/next-plugins/issues/282 로 실행중인 것 같습니다.

나는 여전히 8.1.0 에서도 이런 일이 일어나고 있습니다. 나는 재현하고 새로운 문제를 열 ​​것입니다

나에게도 / about 경로로 이동하지 않으면 매번 404가 제공됩니다! 라우팅의 문제가 무엇인지 확실하지 않습니다!? : /

package.json 종속성 :

"dependencies": { "cross-env": "^5.2.0", "express": "^4.17.0", "next": "^8.1.0", "react": "^16.8.6", "react-dom": "^16.8.6" }

@jsbimra 항상 전체 복제를 제공하십시오. "나에게 일어난 일"을 조사하는 것은 불가능합니다.

@jsbimra _ 항상 _ 전체 복제를 제공하십시오. "나에게 일어난 일"을 조사하는 것은 불가능합니다.

문제는, 그것은 @timneutkens 귀찮게해서 미안 next.js의 페이지 폴더 아래 페이지를 만드는 데없는 단계로 관련이 발견

이것에 대한 해결책이 있습니까? 프로덕션에서도 이런 일이 발생합니까? 개발자에서는 나에게 발생하고 있기 때문에 2018 년과 2019 년 5 월 22 일의 버그는 여전히이 버그가 수정되지 않았습니다. 프로덕션에서 발생하지 않는 경우에는 그다지 염려하지 않지만 발생하면 다음과 같습니다. 정말 큰 문제 ...

2018 년과 2019 년 5 월 22 일의 버그 여전히이 버그는 수정되지 않았습니다.

@malimccalla 가 제공 한 복제를 기반으로 수정되었습니다.

이것이 프로덕션에서 발생하지 않는 경우 나는 그다지 걱정하지 않습니다

그렇지 않습니다.

이 의견은 문제를 해결하지 못할 것입니다. 이전에 여러 번 말했듯이 :

항상 전체 재생산을 제공하십시오. "나에게 일어난 일"을 조사하는 것은 불가능합니다.

최신 버전 (8.1.0)과 동일한 문제가 있습니다.

최신 버전 (8.1.0)과 동일한 문제가 있습니다.

나는 이제 똑같은 메시지로 3 번 정도 답장을했습니다. 복제를 제공하십시오 .

이 의견은 문제를 해결하지 못할 것입니다. 이전에 여러 번 말했듯이 :

항상 전체 재생산을 제공하십시오. "나에게 일어난 일"을 조사하는 것은 불가능합니다.

~ / index.tsx 에 액세스 할 수 없다는 문제로 고민했습니다.
하지만 마침내 원인을 찾았습니다!

react-activity 라는 라이브러리를 사용했지만 동시에 CSS를 가져와야했습니다.

다른 곳에서 같은 CSS를 두 번 읽으면 마이그레이션 할 수없는 것 같습니다.
_app.tsx 을 읽은 결과 성공적으로 마이그레이션 할 수있었습니다.

@timneutkens 좋아요, 물론 처리 시간을 늘릴 수 있지만 서버가 처음으로 시작되는 상황은 어떻습니까? 해당 페이지는 아직 빌드되지 않았기 때문에 프로그래밍 방식으로 탐색 할 수 없습니다. 🤔

나는 지금 똑같은 메시지로 4 번 정도 답장을했다. 복제를 제공하십시오 .

이 의견은 문제를 해결하지 못할 것입니다. 이전에 여러 번 말했듯이 :

항상 전체 재생산을 제공하십시오. "나에게 일어난 일"을 조사하는 것은 불가능합니다.

특정 질문에 답하기 위해 페이지는 주문형으로 작성되며이 시스템은 정상적으로 작동합니다. 구성에 webpack이 파일을 완성 된 것으로 트리거하지 않도록하는 것이 있다고 가정합니다. 그러나 재생산이 없기 때문에 말하기 어렵거나 불가능합니다.

또한 앞서 언급 한 특정 문제는 이미 수정되었으며 시간 제한을 늘려도 발생한 특정 문제에 도움이되지 않습니다. 따라서 내가 계속 복제를 요청하는 이유입니다.

우리는 이것을 조사하고 그것에 시간을 할애하게되어 매우 기쁩니다.

어제 새 프로젝트를 만들었는데 제대로 작동했습니다. 내 프로젝트에 대해 작동하지 않는 특정 사항이 있어야합니다. 나는 오늘 나중에 점차적으로 그것을 분해하여 문제가 사라지는 지점을 보려고 노력할 것입니다.

당신이 그것을 안정적으로 재현 할 수 있는지 한번 살펴보고 싶습니다.

좋은 소식은 제가 오류를 정확히 찾아 낼 수 있었다는 것입니다. 나쁜 소식은 내 프로젝트의 문제가이 스레드에서 다른 사람들이보고 한 것과 다르지 않다는 것입니다.

따라서 문제가 CSS 및 처리 제한과 관련되어 있고 해결 된 것으로 보인다면 뭔가 잘못한 것 같습니다. 이거 넣은 곳인가요?

module.exports = withCSS({ onDemandEntries: { maxInactiveAge: 1000 * 60 * 60 } })

복제 : https://github.com/dydokamil/next-js-router-bug

뿡 빵뀨
알려진 버그 : https://github.com/zeit/next-plugins/issues/282
빈 CSS 파일을 가져 와서 "해결"할 수 있습니다.

이를 개발, 프로덕션 및 정적 내보내기 모드에서 안정적으로 재현 할 수 있으며 onDemandEntries 또는 빈 CSS 파일 해결 방법이 도움이되지 않았습니다.

문제를 해결하는 유일한 방법은 내 블로그 게시물 페이지의 본문 구성 요소에서 import 'highlight.js/styles/color-brewer.css'; 제거하는 것입니다.

블로그 게시물 페이지를 가리키는 <Link> 인스턴스는로드에 실패하지만 http://localhost:3000/_next/static/development/pages/post.js 는 <Link> 클릭시 페이지에 계속 드롭됩니다. css 가져 오기, <Link> s to blog posts work perf. 주석을 제거하고 모든 <Link> 블로그 게시물을로드하지 못합니다.

해당 블로그 게시물 페이지 경로 중 하나를 직접 치는 것은 정상적으로 작동하며 버그는 클라이언트 측에만 관련됩니다. 기반 라우팅. 이는 버전 6에서 버전 8로 업그레이드 한 후에 발생했습니다.

처음에는 @zeit/next-css 했지만 @zeit/next-sass 에서 스와핑하고 .scss 파일을 가져온 후 동일한 방식으로이 문제를 복제 할 수 있습니다. 지금은 styled-components drop @zeit/next-css 사용하여 이러한 스타일을로드하겠습니다. https://www.npmjs.com/package/@zeit/next -css 및 https://www.npmjs.com/package/@zeit/next -sass를 검토 한 후 이러한 사용 예제가 깨질 것 같습니다. 🤔

https://github.com/zeit/next-plugins/issues/282에 복제 저장소를 추가 할 수 있습니까?

설명하는 내용이 그 문제와 똑같이 들립니다.

이를 개발, 프로덕션 및 정적 내보내기 모드에서 안정적으로 재현 할 수 있으며 onDemandEntries 또는 빈 CSS 파일 해결 방법이 도움이되지 않았습니다.

문제를 해결하는 유일한 방법은 내 블로그 게시물 페이지의 본문 구성 요소에서 import 'highlight.js/styles/color-brewer.css'; 제거하는 것입니다.

블로그 게시물 페이지를 가리키는 <Link> 인스턴스는로드에 실패하지만 http://localhost:3000/_next/static/development/pages/post.js 는 <Link> 클릭시 페이지에 계속 드롭됩니다. css 가져 오기, <Link> s to blog posts work perf. 주석을 제거하고 모든 <Link> 블로그 게시물을로드하지 못합니다.

이러한 블로그 게시물 페이지 경로 중 하나를 누르는 것은 제대로 작동하지만 버그는 클라이언트 측 기반 라우팅과 만 관련이 있습니다. 이는 버전 6에서 버전 8로 업그레이드 한 후에 발생했습니다.

처음에는 @zeit/next-css 했지만 @zeit/next-sass 에서 스와핑하고 .scss 파일을 가져온 후 동일한 방식으로이 문제를 복제 할 수 있습니다. 지금은 styled-components drop @zeit/next-css 사용하여 이러한 스타일을로드하겠습니다. https://www.npmjs.com/package/@zeit/next -css 및 https://www.npmjs.com/package/@zeit/next -sass를 검토 한 후 이러한 사용 예제가 깨질 것 같습니다 🤔

next / css 패키지를 추가 한 후이 문제가 나에게도 발생했는지 확인할 수 있습니다.

개발 중에도 동일한 일이 발생했으며 (프로덕션이 예상대로 작동 함) 문제는 sass 파일을 가져 오는 페이지에 링크 (또는 내부 구성 요소 포함) 할 때입니다.

내 next.config.js 파일 :

const withSass = require('@zeit/next-sass');

const withBundleAnalyzer = require('@next/bundle-analyzer')({
  enabled: process.env.ANALYZE === 'true',
});

require('dotenv').config();

module.exports = withBundleAnalyzer(
  withSass({
    distDir: '../dist',
    env: {...},
  }),
);

따라서 심층 구성 요소 중 하나에 다음과 같은 가져 오기가 있습니다.

// MIGRATE: PriceDetail to styled components
import './PriceDetail.scss';

가져 오기에 댓글을 달면 링크가 작동하기 시작합니다. 따라서 withSass 플러그인에 문제가있는 것 같습니다.

비슷한 문제가 있지만 동일하지는 않습니다. 불행히도 같은 오류가 발생합니다.
생산에서도. 그러나 어떤 이유로 링크가 때때로 작동합니다.

다음 9.4에서 동일한 문제가 발생했습니다.
어제 프로젝트에 CodeMirror 추가
import "codemirror/lib/codemirror.css"

몇 가지 작업을 수행 한 다음 그 끝에 router.replace("/") 를 호출하는 pages / page2.js와 같은 것이 있는데 갑자기 아무 작업도 중단되었습니다.
디버거에서 router.replace("/") 를 실행하면 catch 또는 finally 블록을 해결하거나 적중하지 않는 약속이 표시되었습니다.

또한 주목할 가치가있는 것은 내 next.config.js에 next-css가 있다는 것입니다.이 파일을 제거하고 어떤 영향을 미치는지 확인하려고합니다.

여기에 핫 픽스가있는 것 같나요? =)

아하, 그게 저를 위해 수정되었습니다-분명히 가져 오기를 쉘 _app.js 파일로 옮겨야했습니다.