Javascript 网页:"；未捕获的语法错误：意外标记<&引用；在Django_Javascript_Python_Django_Webpack_Bundle

Javascript 网页:"；未捕获的语法错误：意外标记<&引用；在Django

javascript python django webpack

Javascript 网页:"；未捕获的语法错误：意外标记<&引用；在Django,javascript,python,django,webpack,bundle,Javascript,Python,Django,Webpack,Bundle,我的应用程序在开发过程中运行良好，但每当我将其部署到生产环境时，我都会收到一个错误：“uncaughtsyntaxerror:意外标记尝试直接在浏览器上访问JS或CSS文件，如果您看到的是404错误，那么您没有正确处理静态文件。您可以使用或配置主HTTP服务器（Apache或Nginx）处理静态文件请求这里发生的情况是，webpack试图将js文件加载到js环境中，但url请求会导致一个html文件（可能是404错误），从而导致js语法错误（xml/html）.请添加完整的回溯。我更新了它，

我的应用程序在开发过程中运行良好，但每当我将其部署到生产环境时，我都会收到一个错误：“uncaughtsyntaxerror:意外标记尝试直接在浏览器上访问

JS

或

CSS

文件，如果您看到的是404错误，那么您没有正确处理静态文件。您可以使用或配置主HTTP服务器（Apache或Nginx）处理

静态文件请求
这里发生的情况是，webpack试图将js文件加载到js环境中，但url请求会导致一个html文件（可能是404错误），从而导致js语法错误（xml/html）.请添加完整的回溯。我更新了它，使其包含index.html。实际上没有回溯，因为webpack只输出未捕获的语法错误：意外标记JS和CSS文件可以通过浏览器直接访问。就静态文件而言，whitenoise.py插件负责管理它们。检查“网络”选项卡显示请求要发送到哪个url以及响应是什么所有路径都与预期一致。每个路径上都有200个。我怀疑webpack找不到我指定为入口点的文件，而是默认为index.html。
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>

//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'] 
    }   
}