大家好，当我尝试从终端（linux）运行我的应用程序时，我遇到了下一个错误，当我运行以下命令时：
服务
我在终端中收到此错误：
AppBlog/blog# ng serve
An unhandled exception occurred: Cannot find module '@angular-devkit/build-angular/package.json'
Require stack:
- /usr/local/lib/node_modules/@angular/cli/node_modules/@angular-devkit/architect/node/node-modules-architect-host.js
- /usr/local/lib/node_modules/@angular/cli/node_modules/@angular-devkit/architect/node/index.js
- /usr/local/lib/node_modules/@angular/cli/models/architect-command.js
- /usr/local/lib/node_modules/@angular/cli/commands/serve-impl.js
- /usr/local/lib/node_modules/@angular/cli/node_modules/@angular-devkit/schematics/tools/export-ref.js
- /usr/local/lib/node_modules/@angular/cli/node_modules/@angular-devkit/schematics/tools/index.js
- /usr/local/lib/node_modules/@angular/cli/utilities/json-schema.js
- /usr/local/lib/node_modules/@angular/cli/models/command-runner.js
- /usr/local/lib/node_modules/@angular/cli/lib/cli/index.js
- /usr/local/lib/node_modules/@angular/cli/lib/init.js
- /usr/local/lib/node_modules/@angular/cli/bin/ng
See "/tmp/ng-ev5aDi/angular-errors.log" for further details.然后我检查了这部分：
发生未处理的异常：找不到模块“@angular-devkit/build-angular/package.json”
这部分说找不到名为的模块：“'@angular-devkit/build-angular/package.json'”
然后我在我的项目中检查了这个文件，但我有这个，看看：
"devDependencies": {
"@angular-devkit/build-angular": "~0.900.3",
"@angular/cli": "~9.0.3",
"@angular/compiler-cli": "~9.0.2",
"@angular/language-service": "~9.0.2",
"@types/node": "^12.11.1",
"@types/jasmine": "~3.5.0",
"@types/jasminewd2": "~2.0.3",
"codelyzer": "^5.1.2",
"jasmine-core": "~3.5.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~4.3.0",
"karma-chrome-launcher": "~3.1.0",
"karma-coverage-istanbul-reporter": "~2.1.0",
"karma-jasmine": "~2.0.1",
"karma-jasmine-html-reporter": "^1.4.2",
"protractor": …我尝试在同一个文件JS中创建ReactJS的两个组件.
我有两个组件叫做"欢迎"和再见"
class Welcome extends React.Component {
render() {
return <h1>Hello {this.props.message}!</h1>;
}
}
class GoogBye extends React.Component {
render() {
return <h1>GooyBye {this.props.message}!</h1>;
}
}好的,我尝试创建两个组件,然后我尝试以这种方式从ReactDOM.render调用:
ReactDOM.render(
<Welcome message="my friend" />,
<GoodBye message="see you later" />,
document.getElementById("root")
);
我正在尝试创建两个组件,接下来我称之为两个组件
完整代码:
<html>
<head>
<script src="https://unpkg.com/react@15/dist/react.min.js"> </script><script src="https://unpkg.com/react-dom@15/dist/react-dom.min.js">
</script>
<script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>
</head>
<body>
<div id="root"></div>
<script type="text/babel">
class Welcome extends React.Component {
render() {
return <h1>Hello {this.props.message}!</h1>;
}
}
class GoogBye extends React.Component {
render() {
return <h1>GooyBye {this.props.message}!</h1>;
}
} …