正如标题所示,ESLint 抱怨此错误消息:
ESLint: Unable to resolve path to module '@vercel/analytics/react'.(import/no-unresolved)
Run Code Online (Sandbox Code Playgroud)
在行中:import { Analytics } from '@vercel/analytics/react';
按照此Vercel 快速入门指南中的说明操作时,使用 Next.js。
总而言之,指令是:
1-通过NPM安装包
npm install @vercel/analytics
Run Code Online (Sandbox Code Playgroud)
2-在/pages/_app.tsx文件中,导入它:
import { Analytics } from '@vercel/analytics/react';
function MyApp({ Component, pageProps }) {
return (
<>
<Component {...pageProps} />
<Analytics />
</>
);
}
export default MyApp;
Run Code Online (Sandbox Code Playgroud)
我使用的包:
"next": "^12.1.0",
"react": "17.0.2",
"@typescript-eslint/eslint-plugin": "^4.33.0",
"@typescript-eslint/parser": "^4.33.0",
"eslint": "^7.32.0",
"eslint-config-next": "^12.2.5",
"eslint-config-prettier": "^6.15.0",
"eslint-config-react-app": "^6.0.0",
"eslint-plugin-flowtype": "^5.10.0",
"eslint-plugin-import": "^2.25.3",
"eslint-plugin-jest": "^24.7.0",
"eslint-plugin-jsx-a11y": "^6.5.1", …Run Code Online (Sandbox Code Playgroud)