For users of Webpack or Webpack-Simple from vue-cli follow these instructions:
1 - Download the dependencies:
yarn add bootstrap-vue
yarn add bootstrap@4.0.0-alpha.6
yarn add -D style-loader
2 - In src/main.js, add the following lines, in priority order:
import Vue from 'vue';
/* ( there may be other imports here ) */
import BootstrapVue from 'bootstrap-vue/dist/bootstrap-vue.esm';
import 'bootstrap-vue/dist/bootstrap-vue.css';
import 'bootstrap/dist/css/bootstrap.css';
/* ( there may be other imports here ) */
Vue.use(BootstrapVue);
{
test: /\.js$/,
loader: 'babel-loader',
// include: [resolve('src'), resolve('test')]
},
Html Webpack Plugin:
TypeError: __webpack_require__(...) is not a function
- 1:29 eval
webpack-internal:///1:29:78
- index.html:685 Object.
C:/Users/alexey/PhpstormProjects/vue.git/index.html:685:1
- index.html:622 __webpack_require__
C:/Users/alexey/PhpstormProjects/vue.git/index.html:622:30
- index.html:48 fn
C:/Users/alexey/PhpstormProjects/vue.git/index.html:48:20
- 101:24 eval
webpack-internal:///101:24:56
- index.html:1304 Object.
C:/Users/alexey/PhpstormProjects/vue.git/index.html:1304:1
- index.html:622 __webpack_require__
C:/Users/alexey/PhpstormProjects/vue.git/index.html:622:30
- index.html:48 fn
C:/Users/alexey/PhpstormProjects/vue.git/index.html:48:20
- 49:9448 eval
webpack-internal:///49:9448:56
- index.html:988 Object.
C:/Users/alexey/PhpstormProjects/vue.git/index.html:988:1
- From previous event:
- index.js:110 Compiler.
[vue.git]/[html-webpack-plugin]/index.js:110:8
- Tapable.js:206 Compiler.applyPluginsAsyncSeries
[vue.git]/[tapable]/lib/Tapable.js:206:13
- Compiler.js:308 Compiler.emitAssets
[vue.git]/[webpack]/lib/Compiler.js:308:7
- Compiler.js:52 onCompiled
[vue.git]/[webpack]/lib/Compiler.js:52:18
- Compiler.js:499
[vue.git]/[webpack]/lib/Compiler.js:499:13
- Tapable.js:202 next
[vue.git]/[tapable]/lib/Tapable.js:202:11
- CachePlugin.js:62 Compiler.
[vue.git]/[webpack]/lib/CachePlugin.js:62:5
- Tapable.js:206 Compiler.applyPluginsAsyncSeries
[vue.git]/[tapable]/lib/Tapable.js:206:13
- Compiler.js:496
[vue.git]/[webpack]/lib/Compiler.js:496:10
- Tapable.js:195 Compilation.applyPluginsAsyncSeries
[vue.git]/[tapable]/lib/Tapable.js:195:46
- Compilation.js:649 self.applyPluginsAsync.err
[vue.git]/[webpack]/lib/Compilation.js:649:19
- Tapable.js:195 Compilation.applyPluginsAsyncSeries
[vue.git]/[tapable]/lib/Tapable.js:195:46
- Compilation.js:640 self.applyPluginsAsync.err
[vue.git]/[webpack]/lib/Compilation.js:640:11
- Tapable.js:195 Compilation.applyPluginsAsyncSeries
[vue.git]/[tapable]/lib/Tapable.js:195:46
- Compilation.js:635 self.applyPluginsAsync.err
[vue.git]/[webpack]/lib/Compilation.js:635:10
- Tapable.js:195 Compilation.applyPluginsAsyncSeries
[vue.git]/[tapable]/lib/Tapable.js:195:46
- Compilation.js:631 sealPart2
[vue.git]/[webpack]/lib/Compilation.js:631:9
- Tapable.js:195 Compilation.applyPluginsAsyncSeries
[vue.git]/[tapable]/lib/Tapable.js:195:46
- Compilation.js:579 Compilation.seal
[vue.git]/[webpack]/lib/Compilation.js:579:8
module.exports = {
entry: {
app: './src/main.js'
},
output: {
path: config.build.assetsRoot,
filename: '[name].js',
publicPath: process.env.NODE_ENV === 'production'
? config.build.assetsPublicPath
: config.dev.assetsPublicPath
},
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src')
}
},
module: {
rules: [
{
test: /\.(js|vue)$/,
loader: 'eslint-loader',
enforce: 'pre',
include: [resolve('src'), resolve('test')],
options: {
formatter: require('eslint-friendly-formatter')
}
},
{
test: /\.vue$/,
loader: 'vue-loader',
options: vueLoaderConfig
},
{
test: /\.js$/,
loader: 'babel-loader',
include: [resolve('src'), resolve('test')]
},
{
test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
loader: 'url-loader',
options: {
limit: 10000,
name: utils.assetsPath('img/[name].[hash:7].[ext]')
}
},
{
test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
loader: 'url-loader',
options: {
limit: 10000,
name: utils.assetsPath('media/[name].[hash:7].[ext]')
}
},
{
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
loader: 'url-loader',
options: {
limit: 10000,
name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
}
},
]
}
}
{
"presets": [
["env", {
"modules": false,
"targets": {
"browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
}
}],
"stage-2"
],
"plugins": ["transform-runtime", "transform-object-rest-spread"],
"env": {
"test": {
"presets": ["env", "stage-2"],
"plugins": ["istanbul","transform-object-rest-spread"]
}
}
}
Возможно у вас в этом инфоблоке всего одна секция,
Что такое UF_PRICE_NAME ? Множественное пользовательское свойство раздела?
Тогда нужно выводить так :
Покажите какой массив получается
Сделайте var_dump($rs_result)