小编Ude*_*ili的帖子

所以基本上我已经创建了打字效果，但我只能让数组中的第一个字符串起作用。我想使用打字效果在新行中写出所有数组。我在下面列出了 JSX 和 CSS 文件。我还应该指出，这只是一个大项目的一部分，所以试图运行这个 JSX 和 css 是行不通的

import React  from 'react';
import "./Content.css";


const content =()=>{
	const message =["WELCOME TO MY WORLD","THIS IS MY WEBSITE","I AM AT YOUR SERVICE"];
	let i =0 ;
	for(i=0; i<message.length;i++){
		  return(
			<div className='background'>
		  <h1 className="typewriter">
	  		{message[i]}	
	  	</h1>
	  	</div>

	  	)

	}
	
}

export default content;

background{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;

}

canvas{width: 60;


}

.typewriter {
  text-align: center;
  overflow: hidden; 
  border-right: .15em solid black; 
  color: white;
  font-family: Courier New;
  top:30%;
  font-size: 40px; …

我现在尝试使用 Next js 时遇到一个非常严重的问题。无论我使用什么版本，每当我尝试运行 时npm run dev，都会收到以下错误：

error - ./node_modules/next/dist/client/dev/amp-dev.js
Module not found: Can't resolve 'C:\Usersudbasili\Documents\Programming\Acumen Developers\myportfolio\node_modules\next\dist\compiled\regenerator-runtime\runtime.js' in 'C:\Users\udbasili\Documents\Programming\Acumen Developers\myportfolio\node_modules\next\dist\client\dev'      
error - Error: Cannot find module 'C:\Users\udbasili\Documents\Programming\Acumen Developers\myportfolio\.next\fallback-build-manifest.json'Require stack:

这实际上是在运行创建下一个应用程序命令之后发生的，因此我不安装任何其他软件包。但意识到的一件事是，当我在 Windows PC 上使用公用文件夹时，不会发生此错误，但当我使用名为的用户文件夹时，udbasili我会收到上述错误。我已经使用 next.js 很长时间了，这是我第一次看到这个错误

所以基本上我创建了一个循环，它从数组中获取值并使用 youtube api 将这些值放入循环中。如果我从循环内访问它，youtube 链接工作正常，但在循环外“（当我运行 console.log({urllist})”时，我得到一个空数组。我想要做的是推送所有值进入 urllist 空数组，然后将它们转移到状态变量（'videos'）

我所指的功能是 videoUrls

class MusicCharter extends React.Component{
	constructor(){
    super();
    this.state= {
      data:[],
      videos:[],
		}
	}

	componentDidMount(){
  XHR.onreadystatechange = function(){
    if(XHR.readyState === 4 && XHR.status === 200) {
        var url = XHR.responseText;
        this.setState({data:(JSON.parse(url).tracks.track)})
    }
  }.bind(this)
  
  XHR.open("GET","http://ws.audioscrobbler.com/2.0/?method=chart.gettoptracks&api_key=xxxxxxx&format=json");
  XHR.send();
}

videoUrls=()=>{
  let i=0;
  let urllist=[]
  for(i;i< this.state.data.length;i++){
      fetch(`https://www.googleapis.com/youtube/v3/search?part=snippet&q=${this.state.data[i].name}&key=xxxxxxxxxxx0`)
      .then(response=> {
        return response.json()
    })
     .then(data=>{
        return(urllist.push(data.items[0]))})
   }
   console.log({urllist})
 }

我真的不明白这个。我正在尝试使用 Gunicorn 将我的 python 应用程序从 GitHub 部署到 docker 来启动该应用程序。但在构建成功后但在部署开始之前我不断收到此错误

starting non-root container [./start.sh]: creating process: failed to load /usr/app/start.sh: exec format error

我尝试更改 start.sh 文件的权限，但它没有改变。这是我的start.sh

gunicorn -b :5000 --access-logfile - --error-logfile - pixelshop:app

这是我的码头工人

FROM python:latest
WORKDIR /usr/app
COPY . .
RUN apt-get update
RUN apt-get install -y libgl1-mesa-dev
RUN pip install -r requirements.txt
RUN pip install Flask
RUN pip install gunicorn
RUN chmod +x start.sh
ENTRYPOINT  ./start.sh