Неправильный тип MIME с пользовательским сервером next.jsCSS

Разбираемся в CSS
Ответить Пред. темаСлед. тема
Anonymous
 Неправильный тип MIME с пользовательским сервером next.js

Сообщение Anonymous »

Я пишу приложение Next.js с помощью файла Custom Server.js , и я не могу загрузить свой CSS - я продолжаю получать следующее в консоли браузера:

Код: Выделить всё

The resource from “http://localhost:3000/_next/
static/development/pages/index.js?ts=1552499710032”
was blocked due to MIME type (“text/html”)
mismatch (X-Content-Type-Options: nosniff)
< /code>
И я не знаю почему. Насколько я могу сказать, я настроил свое приложение, как и для предыдущей рабочей версии. Вот мой следующий. Config.js 
файл:

Код: Выделить всё

const withCSS = require('@zeit/next-css');
const withImages = require('next-images');
const path = require('path')
const Dotenv = require('dotenv-webpack')
require('dotenv').config()

module.exports =  withImages(withCSS({
webpack: config => {
// Fixes npm packages that depend on `fs` module
config.node = {
fs: 'empty'
}

config.plugins = config.plugins || []

config.plugins = [
...config.plugins,

// Read the .env file
new Dotenv({
path: path.join(__dirname, '.env'),
systemvars: true
})
]

return config
}
}))
И вот мой server.js файл:

Код: Выделить всё

const express = require('express')
const next = require('next')

const port = parseInt(process.env.PORT, 10) || 3000
const dev = process.env.NODE_ENV !== 'production'
const app = next({ dev })
const handle = app.getRequestHandler()

const path = require('path');
const options = {
root: path.join(__dirname, '/static'),
headers: {
'Content-Type': 'text/plain;charset=UTF-8',
}
};

app.prepare().then(() => {
const server = express()

server.get('/robots.txt', (req, res) => {
return res.status(200).sendFile('robots.txt', options)
});

server.get('/sitemap.xml', (req,res) => {
return res.status(200).sendFile('sitemap.xml', options)
});

server.get('/', (req, res) => {
return app.render(req, res, '/', req.query)
})

server.listen(port, err => {
if (err) throw err
console.log(`> Ready on http://localhost:${port}`)
})
})
Я запускаю свое приложение, используя Node Server.js и импортирую CSS с помощью Import »./styles/root.css" (мой единственный Файл CSS), так что нет сюрпризов. Что идет не так? Я открыл отчет здесь: https://github.com/zeit/next.js/issues/6647.

Подробнее здесь: https://stackoverflow.com/questions/551 ... -js-server
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «CSS»