将Next.js v10.1.13更新为webpack5时，收到警告不能解决chokidar中的“fsevents”问题
将Next.js v10.1.13更新为webpack5时，收到警告不能解决chokidar中的“fsevents”问题
提问于 2021-04-13 21:45:31
npm install next react react-dom与运行Node.js v12
创建了最简单的pages/index.tsx
export default function PageHome(props) {
return <>Hello World!</>
}(我还按照Next.js指令配置了Next.js指令，但不确定这是否有意义。)
C:\GitHub\reproduce-nextjs-webpack5-error>npm run dev
...
event - compiled successfully
<w> [webpack.cache.PackFileCacheStrategy] Caching failed for pack: Error: Can't resolve 'fsevents' in 'C:\GitHub\reproduce-nextjs-webpack5-error\node_modules\next\node_modules\chokidar'
<w> while resolving 'fsevents' in C:\GitHub\reproduce-nextjs-webpack5-error\node_modules\next\node_modules\chokidar to a directory
<w> [webpack.cache.PackFileCacheStrategy] Caching failed for pack: Error: Can't resolve 'fsevents' in 'C:\GitHub\reproduce-nextjs-webpack5-error\node_modules\next\node_modules\chokidar'
<w> while resolving 'fsevents' in C:\GitHub\reproduce-nextjs-webpack5-error\node_modules\next\node_modules\chokidar to a directory以下是供未来读者自行解答的解决方案。
回答 3
Stack Overflow用户
回答已采纳
发布于 2021-04-13 21:45:31
- 升级Node.js
- 删除
package-lock.json和node_modules - 再次运行
npm install - 它起作用了
- Apparently something doesn't install when you run with an older Node.js version.- My `package.json` looked like{“脚本”：{ " dev“："next”，"build"："next build"，" start“："next"："next start”}，“依赖项”：{“next”："^10.1.3"，“dev”："^17.0.2"，“dev dom”："^17.0.2“}，"devDependencies"：{“@类型/反应”："^17.0.3"，“类型记录”："^4.2.4“}
- The same `package.json` will install slightly differently switching from Node.js v12 to Node.js v15 as I just observed. This is why you have to complete not just step 1, but also steps 2 & 3.在此之前：
C:\GitHub\reproduce-nextjs-webpack5-error>node --version
v12.4.0
C:\GitHub\reproduce-nextjs-webpack5-error>npm run dev
> @ dev C:\GitHub\reproduce-nextjs-webpack5-error
> next dev
ready - started server on 0.0.0.0:3000, url: http://localhost:3000
info - Using webpack 5. Reason: future.webpack5 option enabled https://nextjs.org/docs/messages/webpack5
event - compiled successfully
<w> [webpack.cache.PackFileCacheStrategy] Caching failed for pack: Error: Can't resolve 'fsevents' in 'C:\GitHub\reproduce-nextjs-webpack5-error\node_modules\next\node_modules\chokidar'
<w> while resolving 'fsevents' in C:\GitHub\reproduce-nextjs-webpack5-error\node_modules\next\node_modules\chokidar to a directory之后：
C:\GitHub\reproduce-nextjs-webpack5-error>node --version
v15.14.0
C:\GitHub\reproduce-nextjs-webpack5-error>npm run dev
> dev
> next dev
ready - started server on 0.0.0.0:3000, url: http://localhost:3000
info - Using webpack 5. Reason: future.webpack5 option enabled https://nextjs.org/docs/messages/webpack5
event - compiled successfully
event - build page: /
wait - compiling...
event - compiled successfully耶！没有警告！
尽管下面有一些关于nextjs@canary未来变化的评论，但上面的示例对我来说适用于列出的版本。
Stack Overflow用户
发布于 2021-05-28 09:04:16
我已经通过杀死生产服务器上的所有节点进程来解决这个问题。
Stack Overflow用户
发布于 2022-09-26 23:00:04
删除.next文件夹并重新运行npm run dev.当您的系统意外关闭而不进行保存时，就会发生这种情况。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67082806
复制相关文章
相似问题
腾讯云开发者
