为什么我的 localhost:3000 不起作用（错误 500）

Question

我正在尝试按照教程进行操作，但我运行在我编写一行代码之前就遇到了问题。只有如下所示的终端命令：

        *PS C:\Users\ruben\OneDrive\Bureaublad\dapp> cd .\client\
        PS C:\Users\ruben\OneDrive\Bureaublad\dapp\client> npm init vite@latest
        √ Project name: ... ./
        √ Select a framework: » react
        √ Select a variant: » react
        Scaffolding project in C:\Users\ruben\OneDrive\Bureaublad\dapp\client\...
        Done. Now run:
           npm install
           npm run dev
        PS C:\Users\ruben\OneDrive\Bureaublad\dapp\client> npm install
        added 76 packages, and audited 77 packages in 6s
        7 packages are looking for funding
           run `npm fund` for details
        found 0 vulnerabilities
        PS C:\Users\ruben\OneDrive\Bureaublad\dapp\client> npm run dev
        > dapp1@0.0.0 dev
        > vite
        Pre-bundling dependencies:
           react
           react-dom
           react/jsx-dev-runtime
        (this will be run only when your dependencies or config have changed)
        vite v2.7.10 dev server running at:
           > Local: http://localhost:3000/
           > Network: use `--host` to expose
           ready in 467ms.*

当我转到本地主机时，我看到了一个空白页面（在教程中它显示了一个视觉效果和一些文本。

当我检查页面时出现错误：


        :3000/:1 
        
                GET http://localhost:3000/ 500 (Internal Server Error)
        localhost/:1 
        
                GET http://localhost:3000/_next/static/chunks/fallback/webpack.js?ts=1641050312655 
        net::ERR_ABORTED 500 (Internal Server Error)
        localhost/:1 
        
               GET http://localhost:3000/_next/static/chunks/fallback/main.js?ts=1641050312655 
         net::ERR_ABORTED 500 (Internal Server Error)
         localhost/:1 
        
               GET http://localhost:3000/_next/static/chunks/fallback/react-refresh.js? 
       ts=1641050312655 net::ERR_ABORTED 500 (Internal Server Error)
         localhost/:1 
        
               GET http://localhost:3000/_next/static/chunks/fallback/pages/_app.js? 
       ts=1641050312655 net::ERR_ABORTED 500 (Internal Server Error)
        localhost/:1 
        
               GET http://localhost:3000/_next/static/chunks/fallback/pages/_error.js? 
       ts=1641050312655 net::ERR_ABORTED 500 (Internal Server Error)

欢迎关注本期：

页面或脚本正在访问 navigator.userAgent、navigator.appVersion 和 navigator.platform 中的至少一个。从 Chrome 101 开始，用户代理字符串中可用的信息量将减少。要解决此问题，请将 navigator.userAgent、navigator.appVersion 和 navigator.platform 的用法替换为特征检测、渐进增强或迁移到 navigator.userAgentData。请注意，出于性能原因，仅显示对其中一个属性的第一次访问。 1 来源 bubble_compiled.js:1

Answer 1

确保您至少使用 npm v6 我刚刚在节点 v17 上尝试过它并且它在 npm v7 上运行良好。我遵循的文档是 here

Answer 2

这可能是权限问题。您正在 OneDrive 文件夹中工作。因此，OneDrive 有可能会不断监视内部文件夹内的每一个变化，并阻止其他应用程序的访问。尝试在另一个文件夹中重新开始您的项目。最好在 'C:\Users\ruben\Desktop'.

为什么我的 localhost:3000 不起作用（错误 500）

Why does my localhost:3000 not work (error 500)

javascript

localhost

npm

reactjs

vite