Я настроил свое приложение, следуя этому руководству. Полностопольное одностраничное приложение с Vue.js и 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, запускаю dev , он успешно собирается и запускается.
Ваше приложение работает здесь: http://localhost:8080
Когда я нажимаю на localhost, я получаю эту ошибку:
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, поэтому извините за любые ошибки в моем вопросе.