我在尝试运行npm run build for next js app时遇到上述错误。next.js app在typescript中。下面是文件夹结构为Error的错误截图。无法理解为什么_app.tsx
在这里被视为目录而不是文件。非常感谢任何帮助。提前感谢!
编辑:这只是一个基本的next.js应用程序,默认情况下使用typescript创建,包含上面错误屏幕截图左侧所示的文件夹结构。
下面是_app.tsx里面的代码:
import 'tailwindcss/tailwind.css'
import React from 'react'
import { Layout } from '../components'
import '../styles/globals.scss'
import type { AppProps } from 'next/app'
function MyApp({ Component, pageProps }: AppProps) {
return (
<Layout>
<Component {...pageProps} />
</Layout>
)
}
export default MyApp
下面是我的package.json
{
"private": true,
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start"
},
"dependencies": {
"graphql": "^16.3.0",
"graphql-request": "^4.1.0",
"html-react-parser": "^1.4.8",
"moment": "^2.29.1",
"next": "latest",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-multi-carousel": "^2.8.0",
"sass": "^1.49.9"
},
"devDependencies": {
"@types/node": "17.0.4",
"@types/react": "17.0.38",
"autoprefixer": "^10.4.0",
"postcss": "^8.4.5",
"prettier": "^2.5.1",
"prettier-plugin-tailwindcss": "^0.1.1",
"tailwindcss": "^3.0.7",
"typescript": "4.5.4"
}
}
我在运行npm run build
时收到错误,错误为:EISDIR:对目录非法操作,读取链接“D:\study\noobinjs\pages_app. tsx”。
刚开始学习next.js,这在最初遇到时就发生了。
1条答案
按热度按时间mzaanser1#
尝试将项目文件放在C驱动器中,而不是D驱动器中。示例=〉
C:\Users\Mahmoud\Desktop\next-damo
然后尝试运行
npm run build
。