由于Nuxt是一个基于Vue的通用应用框架,而Next是一个React框架,允许使用React构建SSR和静态web应用,所以先装好next.js基本环境:
前面安装步骤和网上大部分说法一致,
$ npm install --save react react-dom next @types/react
package.json像这样添加两个脚本
"scripts": {
"dev:next": "next",
"build:next": "next build",
...
}
在根目录下新建文件夹和文件:pages/index.ts(.js)和static/
此时运行 npm run build:next,成功后会再根目录生成一个文件夹.next,然后运行命令:npm run dev:next,此时收到报错⬇️
ReactFreshWebpackPlugin does not support webpack vNaN.
跟着报错信息,找到@next/react-refresh-utils/ReactRefreshWebpackPlugin.js