我已按照本教程Full-stack single page application with Vue.js and Flask设置了我的应用程序,并且一切正常。
我已经通过themeforest购买了一个引导管理主题,我想将主题文件插入到我的应用程序中。
第一: 我将资产文件夹的内容从主题文件夹移到了项目的 frontend / src / assets 文件夹中。
第二: 在我的 webpack.config 中,我将条目更新为这样,以便将所有模块编译为各自的压缩js / css文件。
module.exports = {
context: path.resolve(__dirname, '../'),
entry: {
main_js: [
path.join(__dirname, '../', 'src', 'assets', 'js', 'main', 'jquery.min.js'),
path.join(__dirname, '../', 'src', 'assets', 'js', 'main', 'bootstrap.bundle.min.js'),
path.join(__dirname, '../', 'src', 'assets', 'js', 'plugins', 'loaders', 'blockui.min.js'),
path.join(__dirname, '../', 'src', 'assets', 'js', 'app.js'),
],
main_css: [
path.join(__dirname, '../', 'src', 'assets', 'css', 'icons', 'icomoon', 'styles.css'),
path.join(__dirname, '../', 'src', 'assets', 'css', 'bootstrap.min.css'),
path.join(__dirname, '../', 'src', 'assets', 'css', 'bootstrap_limitless.min.css'),
path.join(__dirname, '../', 'src', 'assets', 'css', 'layout.min.css'),
path.join(__dirname, '../', 'src', 'assets', 'css', 'components.min.css'),
path.join(__dirname, '../', 'src', 'assets', 'css', 'colors.min.css'),
],
},
output: {
path: config.build.assetsRoot,
filename: '[name].js',
publicPath: process.env.NODE_ENV === 'production'
? config.build.assetsPublicPath
: config.dev.assetsPublicPath
},...
当我运行 npm run dev 时,它会成功构建并运行。 您的应用程序正在此处运行:http://localhost:8080
当我进入本地主机时,会出现以下错误:
Uncaught TypeError: Cannot read property 'fn' of undefined
at eval (bootstrap.bundle.min.js?f147:formatted:1)
at eval (bootstrap.bundle.min.js?f147:formatted:1)
at eval (bootstrap.bundle.min.js?f147:formatted:1)
at Object.eval (bootstrap.bundle.min.js?f147:formatted:1)
at eval (bootstrap.bundle.min.js?f147:formatted:1)
at Object../src/assets/js/main/bootstrap.bundle.min.js (main_js.js:2239)
at __webpack_require__ (main_js.js:1337)
at fn (main_js.js:744)
at Object.0 (main_js.js:2264)
at __webpack_require__ (main_js.js:1337)
我在google和stackoverflow上进行了大量搜索,但不幸的是,没有解决方案对我有用。
这是我第一次询问stackoverflow,因此请避免我的问题中的任何错误。