Meine Anwendung läuft in Entwicklung, aber jedes Mal, wenn ich es zur Produktion bereitstelle, wird mir der Fehler bereitgestellt: "Uncaught SyntaxError: Unexpected token <". Wann immer ich die Quelle des Fehlers inspiziere, liegt es daran, dass das Webpack-Paket index.html statt des erwarteten javascript /assets/js/index.js lädt.Webpack: "Uncaught SyntaxError: Unerwartetes Token <" in Django
Ich folgere, dass dies ist Webpack ignoriert jede Anfrage außerhalb von index.html, aber nirgendwo in irgendwelchen Konfigurationen habe ich es als Standard darauf zeigen. Ich würde gerne wissen, wie ich dieses Problem beheben kann und es so rendern lasse, was als Einstiegspunkt konfiguriert ist.
Traceback:
Uncaught SyntaxError: Unexpected token <
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!--<title></title>-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type="text/javascript" src="/static/jquery/dist/jquery.js"></script>
<script type="text/javascript" src="/static/materialize-css/dist/js/materialize.min.js"></script>
</head>
<body>
<div id="container"></div>
<script type="text/javascript" src="/static/assets/bundles/main-210eb139915d8d6abedf.js" ></script>
</body>
webpack.config.js
//require our dependencies
var path = require('path')
var webpack = require('webpack')
var BundleTracker = require('webpack-bundle-tracker')
module.exports = {
//the base directory (absolute path) for resolving the entry option
context: __dirname,
//the entry point we created earlier. Note that './' means
//your current directory. You don't have to specify the extension now,
//because you will specify extensions later in the `resolve` section
entry: [
'./assets/js/index'
],
output: {
path: path.resolve('./assets/bundles/'),
filename: "[name]-[hash].js"
},
plugins: [
//tells webpack where to store data about your bundles.
new webpack.NoErrorsPlugin(), // don't reload if there is an error
new BundleTracker({filename: './webpack-stats.json'}),
//makes jQuery available in every module
new webpack.ProvidePlugin({
jQuery: 'jquery',
'window.jQuery': 'jquery'
})
],
module: {
loaders: [
// we pass the output from babel loader to react-hot loader
{
test: [/\.js$/, /\.es6$/, /\.jsx?$/],
exclude: /node_modules/,
loaders: ['babel'],
},
{ test: /\.css$/, loader: "style-loader!css-loader" }
]
},
resolve: {
//tells webpack where to look for modules
modulesDirectories: ['node_modules'],
//extensions that should be used to resolve modules
extensions: ['', '.js', '.jsx']
}
}
Bitte fügen Sie das komplette Traceback hinzu. –
Ich aktualisierte es, um das index.html einzuschließen. Es gibt wirklich kein Traceback, da das Webpack nur 'Uncaught SyntaxError: Unexpected token' ausgibt. '' – MysteryManners