问题 遇到未知页面

Solution
我的意思是,我遵循了这篇文章中的演练,它对我来说毫无问题。这也是我第一次与React会面,我安装了最新的Node.js 14.15.3,当然还有最新的VS更新16.8.3。
由于不清楚在谈论npm install / start命令时您究竟在做什么,所以我还尝试了另一个新项目,并且在不先构建项目的情况下进行了npm命令,这也如我所写。

我不确定您可能采取了哪些步骤和修改,但是您是否尝试按照本文中的说明创建一个新项目?如果您在相同的环境中执行相同的操作,那我也没有理由为什么它也对您不起作用。

我还注意到您遇到了H:\路径错误,如果不是这样的话...

跳伞

工作人员
已加入
2019年4月6日
留言内容
2,535
地点
弗吉尼亚州切萨皮克
编程经验
10+

赛义德

活跃成员
已加入
2020年10月21日
留言内容
34
编程经验
3-5
是的,我将模板与react-ASP.netCore一起使用。

更多信息:

当我CD到ClientApp文件夹,然后:

npm安装
npm开始

在命令行中得到以下错误:

C#:
npm : npm ERR! code ENOENT
At line:1 char:1
+ npm start
+ ~~~~~~~~~
    + CategoryInfo          : NotSpecified: (npm ERR! code ENOENT:String) [], RemoteException
    + FullyQualifiedErrorId : NativeCommandError

npm

ERR!

syscall
open

npm
ERR!
path
H:\ react_Asp.netCore_try \ logobuilder1 \ package.json

npm
ERR!
errno
-4058

npm

ERR!

enoent
ENOENT: no such file or directory, open 'H:\ react_Asp.netCore_try \ logobuilder1 \ package.json'

npm

ERR!

enoent
This is related to npm not being able to find a file.

npm

ERR!

enoent




npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Saeed\AppData\Roaming\npm-cache\_logs\2020-12-20T00_13_01_448Z-debug.log


节点和npm版本:
node.js 14.15.1

npm 6.14.8

ClientApp package.json:

C#:
{
  "name": "logobuilder1",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "bootstrap": "^4.1.3",
    "jquery": "^3.4.1",
    "merge": "^1.2.1",
    "oidc-client": "^1.9.0",
    "react": "^16.0.0",
    "react-dom": "^16.0.0",
    "react-router-bootstrap": "^0.25.0",
    "react-router-dom": "^5.1.2",
    "react-scripts": "^3.4.1",
    "reactstrap": "^8.4.1",
    "rimraf": "^2.6.2"
  },
  "devDependencies": {
    "ajv": "^6.9.1",
    "cross-env": "^5.2.0",
    "typescript": "^3.7.5",
    "eslint": "^6.8.0",
    "eslint-config-react-app": "^5.2.0",
    "eslint-plugin-flowtype": "^4.6.0",
    "eslint-plugin-import": "^2.20.1",
    "eslint-plugin-jsx-a11y": "^6.2.3",
    "eslint-plugin-react": "^7.18.3",
    "nan": "^2.14.1"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "scripts": {
    "start": "rimraf ./build && react-scripts start",
    "build": "react-scripts build",
    "test": "cross-env CI=true react-scripts test --env=jsdom",
    "eject": "react-scripts eject",
    "lint": "eslint ./src/"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

Visual Studio社区版本2019和ASP.net Core的最新版本。

谢谢,
 

跳伞

工作人员
已加入
2019年4月6日
留言内容
2,535
地点
弗吉尼亚州切萨皮克
编程经验
10+
This is sounding more like an NodeJS issue than a C# issue. Anyway the messages above all seem to indicate that npm can't find or access the file "H:\ react_Asp.netCore_try \ logobuilder1 \ package.json"
 

约翰·H

C#论坛主持人
工作人员
已加入
2011年4月23日
留言内容
1,050
地点
挪威
编程经验
10+
我尝试了链接 @跳伞 发布,进行了一些测试,都成功了:

第一次测试我做了命令"dotnet new react -o我的新应用"然后在该文件夹中打开生成的.csproj。然后在VS中使用Build,结果提到"恢复npm依赖性"花了一段时间。
还有"npm start"并独立运行CRA服务器对该项目起作用。

第二次测试,我使用相同的命令创建了另一个应用程序,然后打开了.csproj。我在这里直接去"npm install"(已安装依赖项)和"npm start"。然后修改独立的CRA服务器的startup.cs并直接运行该项目。

顺便说一下,我的package.json确实和你的一样。

这个测试项目的200+ MB也很棒。 :疯狂的:
 

赛义德

活跃成员
已加入
2020年10月21日
留言内容
34
编程经验
3-5
感谢您测试项目。我不确定我能否完全理解您的答案。

您能简单告诉我我的哪一个步骤错了吗?我刚刚在Visual Studio 2019中运行了ASP.net Core模板。
但是无法安装npm并运行它!

你有什么建议?

这些是我开始做出反应的第一步。

谢谢
 

约翰·H

C#论坛主持人
工作人员
已加入
2011年4月23日
留言内容
1,050
地点
挪威
编程经验
10+
我的意思是,我遵循了这篇文章中的演练,它对我来说毫无问题。这也是我第一次与React会面,我安装了最新的Node.js 14.15.3,当然还有最新的VS更新16.8.3。
由于不清楚在谈论npm install / start命令时您究竟在做什么,所以我还尝试了另一个新项目,并且在不先构建项目的情况下进行了npm命令,这也如我所写。

我不确定您可能采取了哪些步骤和修改,但是您是否尝试按照本文中的说明创建一个新项目?如果您在相同的环境中执行相同的操作,那我也没有理由为什么它也对您不起作用。

我还注意到您遇到了H:\路径错误,如果这不是本地驱动器,请先尝试在本地驱动器上工作。我曾经在网络共享系统上工作了一段时间,发现它可能会带来意想不到的麻烦。现在,我只是在本地工作,并偶尔偶尔同步到网络共享进行备份。
 
解决方案
最佳 底部