个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
var express = require ('express');
//create our app
var app = express();
app.use(express.static('public'));
app.listen(3000,function(){
console.log('Sever is up on port 3000');
});
这是Server.js文件的代码。
<小时/><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/6.1.19/browser.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.1/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.4.1/react-dom.js"></script>
</head>
<body>
<script type="text/babel" src="app.jsx"></script>
</body>
</html>
index.html文件代码
<小时/>var Greeter = React.createClass({
render: function(){
return(
<div>
<h1> Howdy! </h1>
</div>
);
}
});
ReactDOM.render(
<Greeter/>,
document.getElementbyId('app')
);
app.jsx文件代码
哪里出错了？我没有发现任何错误。但是当我打开http://localhost:3000时，我得到一个空白页。我使用 Windows 10 和 node -v 6.9.1
任何帮助将不胜感激!谢谢。
最佳答案
您忘记使用 id='app' 添加 html 元素，将其包含在 html 文件中，它将起作用。
<div id="app"></div>
这部分有错误:
ReactDOM.render(
<Greeter/>,
document.getElementbyId('app')
);
检查 getElementbyId 的拼写，而不是输入 getElementById。
关于node.js - 在本地主机上获取空白页面 :3000 while using npm along with reactjs，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41097455/
25
4
0
我正在使用npm v5.3.0。 现在，我想将npm更新到v5.4.1。要执行此操作，请在终端中键入以下内容： npm install -g npm 没有任何错误。但是，当我键入npm -v时，得到的
我已经使用 vue-cli 两个星期了，直到今天一切正常。我在本地建立这个项目。 https://drive.google.com/open?id=0BwGw1zyyKjW7S3RYWXRaX24tQ
有什么方法可以更改或重置全局 npm 注册表。 感谢您的帮助。 最佳答案 在终端中运行以下命令以恢复到默认注册表 npm config set registry https://registry.np
查看 npm 的 documentation , 'i' 是 'install' 的别名，是否有任何情况下最好使用完整的 'npm install'？ 最佳答案 两者之间没有具体区别。这只是一个懒惰的
目前，每次将更改推送到 GIT 存储库时，我都会发布新版本的 NPM 包。我的大部分更改只是愚蠢的补丁。我使用 NPM 作为工具，在我的许多项目中启用版本控制和代码重用。经过一个月的工作，我已经完成了
我运行的时候总是报错 npm install 谁知道怎么解决 npm ERR! Darwin 13.0.0 npm ERR! argv "/usr/local/bin/node" "/usr/b
“npm uninstall packageName”删除包并更新 package.json 文件。 但是来自 npm 文档 - To remove a package from the depend
我的背景更熟悉 composer .我收到 gulp (等)进行构建过程和学习 node以及如何使用 npm我走的时候。 很奇怪(再次来自 composer 背景)composer.lock默认情况下
我看到的许多 npm 模块名称前面都添加了技术名称，例如 react-native 或 jquery 等。由于我们已经在 package.json 文件中提供了关键字，因此遵循此约定有什么好处。我问这
我检查了 connect-privkey-to-provider模块在依赖项中。但是，它一直在说 模块 'connect-privkey-to-provider' 是无关的 npm 和 找不到模块 '
我正在进行持续集成并发现了 npm ci命令。 我不知道在我的工作流程中使用此命令有什么优势。 速度更快吗？这会让测试变得更难吗？好吗？ 最佳答案 来自the official documentati
我有一个要发布到 NPM 的包，其中还包含如下所示的演示目录: . +-- demo | +-- src | | +-- main.js | +-- package.json +--
如果我打开集成终端并运行 npm -v 它会起作用。 但是，如果我直接从 NPM SCRIPTS 运行它，它就不起作用。 评论中要求的更多详细信息 //由 Fogmeister 编辑 我也有这个问题，
我正在尝试安装 gulp，当我写 npm install 时我得到了这个问题: npm ERR! code 1 npm ERR! path D:\www\wegrow\node_modules\nod
这个问题已经有答案了: npm test --codecoverage doesn't generate report (3 个回答) 已关闭 4 年前。 当我执行npm test --code-co
我能够运行 npm start 和 npm run start 命令。我用过create-react-app创建我的应用程序。为了在 CSS 模块中进行配置更改，我想运行 npmject 但它会抛出错
我正在使用npm run script执行“构建”和“测试”等任务。 例如，我的 package.json 如下所示: { "name": "fulfillment-service", "ve
我第一次将 npm 模块添加到我的项目中(jshint、optimg、jpgo)。我注意到有些项目，当我做 npm 运行 [名称] ，给出“sh: [name]: command not found”
我已经在 Windows 上安装了 Ubuntu Bash。我已经有 nodejs和 npm在我的 Windows 机器上 C:\Program Files\nodejs .在 Windows 的 b
我正在尝试运行 npm install bitgo命令但在终端上出现以下错误， npm ERR! code EMFILE npm ERR! syscall spawn git npm ERR! pat
我是一名优秀的程序员,十分优秀！