Giter Club home page Giter Club logo

Comments (10)

ayamomiji avatar ayamomiji commented on June 17, 2024

有先 npm install 嗎?

from kyaru-concat.

ayamomiji avatar ayamomiji commented on June 17, 2024

另外這個指令是我要從本機部署到 now.sh 才需要做的動作,
如果你是想在伺服器上執行, 使用:

npm install
npm run build
npm run start

from kyaru-concat.

BH6AOV avatar BH6AOV commented on June 17, 2024

有先 npm install 嗎?

有的，是按照README來的

from kyaru-concat.

BH6AOV avatar BH6AOV commented on June 17, 2024

我去試一下

from kyaru-concat.

BH6AOV avatar BH6AOV commented on June 17, 2024

剛剛去伺服器試了一下，開放了5000端口但是會提示請求被拒絕，試了訪問一下 ./public 裡的 index.html 倒是沒有報錯啦，但是整個頁面全是空白的

<!DOCTYPE html>
<html lang="en">
 <head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>接頭霸王</title>
<link rel="icon" type="image/png" href="/favicon.png">
<link rel="stylesheet" href="/global.css">
<link rel="stylesheet" href="/build/bundle.css">
<script defer="" src="/build/bundle.js" type="text/javascript"></script>
<style type="text/css">
#__sound-pirate {
  margin: 0 4px 4px 4px;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  width: 32px;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2147483647;
  cursor: pointer;
  transition: left 1s ease; }
  #__sound-pirate.__sound-pirate-at-left:hover .__sound-pirate-to-right {
    display: block; }
  #__sound-pirate.__sound-pirate-at-right:hover .__sound-pirate-to-left {
    display: block; }
  #__sound-pirate.__sound-pirate-at-right {
    left: calc(100% - 32px - 4px); }
  #__sound-pirate * {
    margin: 0;
    padding: 0;
    box-sizing: border-box; }
  #__sound-pirate .__sound-pirate-to-left, #__sound-pirate .__sound-pirate-to-right {
    display: none;
    position: absolute;
    width: 14px;
    top: 0; }
  #__sound-pirate .__sound-pirate-to-left {
    right: 100%; }
  #__sound-pirate .__sound-pirate-to-right {
    left: 100%; }
  #__sound-pirate img {
    display: block; }
  #__sound-pirate .__sound-pirate-download {
    display: block;
    transform: rotate(0turn);
    transition: transform 1s ease; }
</style>
</head>
<body>
<!---->
</body>
</html>

from kyaru-concat.

ayamomiji avatar ayamomiji commented on June 17, 2024

npm run build 後會產生 public/build 目錄, 上面的

<link rel="stylesheet" href="/global.css">
<link rel="stylesheet" href="/build/bundle.css">
<script defer="" src="/build/bundle.js" type="text/javascript"></script>

應該都能拿到裡面的東西, 檢查一下 public/build 有沒有那些檔案吧

from kyaru-concat.

BH6AOV avatar BH6AOV commented on June 17, 2024

npm run build 後會產生 public/build 目錄, 上面的

<link rel="stylesheet" href="/global.css">
<link rel="stylesheet" href="/build/bundle.css">
<script defer="" src="/build/bundle.js" type="text/javascript"></script>

應該都能拿到裡面的東西, 檢查一下 public/build 有沒有那些檔案吧

有確實是有啦，就是打開頁面的時候是純白的，總不能是cloudflare的原因吧

[root@cent build]# ls
040de459fcd91ac5.png  7703de4a4049a67f.png  bundle.js
0a5237c3f6e7a26f.png  7a494e56e019c27e.png  bundle.js.map
12616d834443b511.png  8202607259f76b5f.png  c9f5ef364009e11d.png
1261708bb57508bc.png  85a64cbb8d8e26e9.png  cc38e8f8b66cf3f2.png
1d7e1d670470b767.png  879d65f30cd71a96.png  cd2e1ca515d94397.png
289d87ea45315851.png  8a78dffa7714a939.png  d399ab06a46c47b4.png
308f9403289323ff.png  8e5329c5d3873ce6.png  d88ea25f19ba8327.png
3bd543c8df013a98.png  901b907c535b87a5.png  d9fed2745b86ccb3.png
4cad88200f67c5f0.png  919e804983f9a74a.png  e6c46697829daa2f.png
4cb4d6a167da5d26.png  9520790c4cc54ba5.png  f0379221a104d3df.png
5217f8c6f519e399.png  9c75196e776fc4e9.png  f2c4f6664e354c8b.png
5bafa5cb64a0b928.png  afb371ce695280f7.png  f56696ddb35ebba2.png
622deb59f64ac0de.png  b0f72338e8115114.png  fbfc63ee9ceb12a0.png
63fa580cfefb7408.png  bundle.css
6ceef923d66f189c.png  bundle.css.map

from kyaru-concat.

ayamomiji avatar ayamomiji commented on June 17, 2024

方便給我網址或 console 底下的錯誤訊息嗎?

from kyaru-concat.

BH6AOV avatar BH6AOV commented on June 17, 2024

我這邊可能會對網頁做一點小更改，比如網頁簡體化還有頁腳內容的一些替換可以嗎，我會保留絕大部分原信息

from kyaru-concat.

ayamomiji avatar ayamomiji commented on June 17, 2024

可以, 請隨意

from kyaru-concat.

Related Issues (2)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.