Javascript 从Create React App升级到Next.js-未显示任何内容
我开发了一个Next.js服务器端渲染应用程序。我需要使用客户端渲染应用程序之类的东西来创建时间线 我在应用程序中使用它所采取的步骤： 我刚刚将src文件夹内容复制到我自己应用程序的“页面”文件夹中 在我的应用程序的routes.js文件中，我给出了App.js的导航 为了在Next.js中使用CSS（根据链接）： 我从Next导入了Head，并向CSS文件添加了一个链接 因此，文件（App.js）现在看起来像这样：Javascript 从Create React App升级到Next.js-未显示任何内容,javascript,node.js,reactjs,next.js,server-side-rendering,Javascript,Node.js,Reactjs,Next.js,Server Side Rendering,我开发了一个Next.js服务器端渲染应用程序。我需要使用客户端渲染应用程序之类的东西来创建时间线 我在应用程序中使用它所采取的步骤： 我刚刚将src文件夹内容复制到我自己应用程序的“页面”文件夹中 在我的应用程序的routes.js文件中，我给出了App.js的导航 为了在Next.js中使用CSS（根据链接）： 我从Next导入了Head，并向CSS文件添加了一个链接 因此，文件（App.js）现在看起来像这样： import React, { Component } from 'reac
import React, { Component } from 'react';
import Timeline from './components/Timeline';
import Head from 'next/head';
class App extends Component {
state = {
timelineData: [
{
text: 'Wrote my first blog post ever on Medium',
date: 'March 03 2017',
category: {
tag: 'medium',
color: '#018f69'
}
},
{
text: 'This is the second timeline item',
date: 'September 22 2017',
category: {
tag: 'tag-two',
color: '#018f69'
}
}
]
}
render() {
return (
<div className="App">
<Head>
<link href="/App.css" rel="stylesheet" />
</Head>
<Timeline data={this.state.timelineData} />
</div>
);
}
}
export default App;
import React，{Component}来自'React'；
从“./components/Timeline”导入时间线；
从“下一个/头”导入头；
类应用程序扩展组件{
状态={
时间线数据：[
{
文字：“在媒体上写了我的第一篇博文”，
日期：2017年3月3日，
类别：{
标签：'中等'，
颜色：“#018f69”
}
},
{
文本：“这是第二个时间线项目”，
日期：2017年9月22日，
类别：{
标签：“标签二”，
颜色：“#018f69”
}
}
]
}
render（）{
返回(
);
}
}
导出默认应用程序；
有人能告诉我怎么解决这个问题吗 如果您再次删除css文件next.js referrs，react应用程序是否会显示一些内容？指向/statics/app.css的路径是否正确？Foldername？文件名？您尝试过。/？页面静态文件夹的位置在哪里？我删除了静态文件夹并将.css文件放在“pages”文件夹中，在head标记中给出了如下路径：