我的 javascript 文件沒有鏈接？我正在使用： app.use(express.static(__dirname + '/public'));

Question

我的文件結構：

項目
- 民眾
  - javascripts
    - 字符1.js
- 意見
  - 主頁.ejs
- 應用程序.js

我將 ejs 存儲在一個子文件夾中，我想訪問另一個子文件夾中的 chart1.js 文件，

我使用app.use(express.static(__dirname + '/public')); 中間件。 我已經被這個錯誤困了幾個小時了：感謝您的幫助！！！！

home.ejs 文件

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@300&display=swap" rel="stylesheet">
    <title>Home</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css"
        integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bs-custom-file-input/dist/bs-custom-file-input.js"></script>
    <link rel="stylesheet" href="/stylesheets/app.css">
</head>
<body class=" ">
    <div id="chart1"></div>
         <button id="refresh2">Refresh this chart</button>
         <script src="/javascripts/chart1.js"></script>
    </div>
</body>

</html>

chart1.js 文件：

import ChartsEmbedSDK from '@mongodb-js/charts-embed-dom';
const sdk = new ChartsEmbedSDK({
    baseUrl: 'https://charts.mongodb.com/charts-project-0-qumgu'
});

const chart = sdk.createChart({
    chartId: '1e32b53f-6de2-45d2-863d-025b85c8bec9',
    weidth: 100,
    height: 100,
});
chart.render(document.getElementById('chart1'))

app.js 文件：

if (process.env.NODE_ENV !== "production") {
require('dotenv').config();
}

const express = require('express');
const path = require('path');
const mongoose = require('mongoose');
const Data = require('./models/data');

const dbUrl = process.env.DB_URL || 'mongodb://localhost:27017/predict-football';
mongoose.connect(dbUrl, {
    useNewUrlParser: true,
    useUnifiedTopology: true,


});

const db = mongoose.connection;
db.on("error", console.error.bind(console, "connection error:"));
db.once("open", () => {
    console.log("database connected")
})

const app = express();

app.set('view engine', 'ejs');
app.set('views', path.join(__dirname, 'views'));

app.use(express.urlencoded({ extended: true }))
app.use(express.static(__dirname + '/public'));


app.get('/home', async (req, res) => {
    const datas = await Data.find({}).sort({ _id: -1 });
    console.log(datas.length)
    res.render('home', { datas })

})
app.post('/home', async (req, res) => {
    const data = new Data(req.body.data);
    console.log(data)
    await data.save();
    res.redirect('/home')
})

    if (process.env.NODE_ENV !== "production") {
    require('dotenv').config();
}

const express = require('express');
const path = require('path');
const mongoose = require('mongoose');
const Data = require('./models/data');

const dbUrl = process.env.DB_URL || 'mongodb://localhost:27017/predict-football';
mongoose.connect(dbUrl, {
    useNewUrlParser: true,
    useUnifiedTopology: true,


});

const db = mongoose.connection;
db.on("error", console.error.bind(console, "connection error:"));
db.once("open", () => {
    console.log("database connected")
})

const app = express();

app.set('view engine', 'ejs');
app.set('views', path.join(__dirname, 'views'));

app.use(express.urlencoded({ extended: true }))
app.use(express.static(__dirname + '/public'));


app.get('/home', async (req, res) => {
    const datas = await Data.find({}).sort({ _id: -1 });
    console.log(datas.length)
    res.render('home', { datas })

})
app.post('/home', async (req, res) => {
    const data = new Data(req.body.data);
    console.log(data)
    await data.save();
    res.redirect('/home')
})

app.all('*', (req, res, nwxt) => {
    res.send("404!!!")
})

const port = process.env.PORT || 3000;
app.listen(port, () => {
    console.log(`serving on port ${port}`)
})

app.all('*', (req, res, nwxt) => {
    res.send("404!!!")
})

const port = process.env.PORT || 3000;
app.listen(port, () => {
    console.log(`serving on port ${port}`)
})

Answer 1

你必須更換：

app.use(express.static(__dirname + '/public'));

到：

app.use(express.static('public'))

並獲得chart1.js

這樣做的：

<script src="../public/javascripts/chart1.js"></script>

用這個：

<script src="/javascripts/chart1.js"></script>

我的 javascript 文件沒有鏈接？我正在使用： app.use(express.static(__dirname + '/public'));

問題描述

1 個解決方案

解決方案1
0 2021-10-22 20:06:20

我的 javascript 文件沒有鏈接？ 我正在使用： app.use(express.static(__dirname + &#39;/public&#39;));

問題描述

1 個解決方案

解決方案1 0 2021-10-22 20:06:20

我的 javascript 文件沒有鏈接？我正在使用： app.use(express.static(__dirname + '/public'));

解決方案1
0 2021-10-22 20:06:20