0
我有一个简单的项目,我使用Django,Webpack和Vue.js.当我加载时建立一个静态包,看起来像我的包编译不正确。我在JavaScript控制台得到一个错误:在WebPack Django和Vue.js项目中意外的关键字'导入'
[Error] SyntaxError: Unexpected keyword 'import'
(anonymous function) (main-dd2bbbf09bf9a252a3c7.js:47)
我试图让我的webpack.config.js很简单:
var path = require("path");
var webpack = require('webpack');
var BundleTracker = require('webpack-bundle-tracker');
module.exports = {
context: __dirname,
entry: './frontend/js/main',
output: {
path: path.resolve('./frontend/bundles/'),
filename: "[name]-[hash].js",
},
plugins: [
new BundleTracker({filename: './webpack-stats.json'}),
],
resolve: {
extensions: ['', '.js', '.vue', '.json'],
},
module: {
rules: [
{
test: /\.vue$/,
loader: 'vue-loader',
options: {
loaders: {
}
// other vue-loader options go here
}
},
{
test: /\.js$/,
loader: 'babel-loader',
exclude: /node_modules/
},
{
test: /\.(png|jpg|gif|svg)$/,
loader: 'file-loader',
options: {
name: '[name].[ext]?[hash]'
}
}
],
},
}
.babelrc看起来是这样的:
{
"presets": [
["env", { "modules": false }]
]
}
为主。 js(最终被炸掉)很简单:
import Vue from 'vue'
import App from './App.vue'
new Vue({
el: '#app',
render: h => h(App)
})
你有没有尝试删除该文件夹node_modules并再次运行'NPM install'。 –
是的。没有帮助 – mikebz