Question

我已经编译了Angular FE，并将其放置在可从浏览器访问的nodejs BE公共文件夹中：

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

并设置快递服务内容：

app.use('', (req, res, next) => {
        res.sendFile(path.join(__dirname, '../public/clientApp', 'index.html'));
    });

但是我在浏览器控制台中遇到了这个令人困惑的错误：

Loading module from “http://localhost:3000/runtime-es2015.e3e9ca9bbd4db2ff1ff0.js” was blocked because of a disallowed MIME type (“text/html”).
Loading module from “http://localhost:3000/polyfills-es2015.6db406a075ad3aed7ba9.js” was blocked because of a disallowed MIME type (“text/html”).
Loading module from “http://localhost:3000/main-es2015.2b6d7bc5e864e8a8e238.js” was blocked because of a disallowed MIME type (“text/html”).

不确定发生了什么...

Answer 1

好的，这就是原来的样子。通常情况下，控制台错误无济于事。因此，只需标记顶级目录

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

因为在加载外部js和CSS时静态是不够的。我还必须将已编译的js和css文件所在的子目录标记为静态（尽管它已经是静态的）

app.use(express.static('public/clientApp'));

Express不提供编译的Angular文件

1 个答案: