[Bug Report] vux 在nuxt 中按照官方demo运行报错
- Vorherrschende Sprache
- Vue
- Sterne
- 17.5k
- Forks
- 3.6k
- PR-Merge-Kennzahlen
- Keine gemergten PRs in 30 T.
Beschreibung
### VUX version
2.9.2
### OS/Browsers version
Mac safari
### Vue version
2.5.17
### Code
```html
✖ error /Users/zhangzongbo/works/selfPractice/nuxt-demo/node_modules/vux/src/components/group/index.vue:1
(function (exports, require, module, __filename, __dirname) {
^
SyntaxError: Unexpected token <
at createScript (vm.js:80:10)
at Object.runInThisContext (vm.js:139:10)
at Module._compile (module.js:588:28)
at Object.Module._extensions..js (module.js:635:10)
at Module.load (module.js:545:32)
at tryModuleLoad (module.js:508:12)
at Function.Module._load (module.js:500:3)
at Module.require (module.js:568:17)
at require (internal/module.js:11:18)
at r (/Users/zhangzongbo/works/selfPractice/nuxt-demo/node_modules/vue-server-renderer/build.js:8341:16)
at Object.vux/src/components/group/index.vue (server-bundle.js:3006:18)
at __webpack_require__ (webpack/bootstrap:25:0)
at Module../plugins/vux-components.js (plugins/vux-components.js:1:0)
at __webpack_require__ (webpack/bootstrap:25:0)
at Module../.nuxt/index.js (.nuxt/index.js:1:0)
at __webpack_require__ (webpack/bootstrap:25:0)
```
### Steps to reproduce
按照官方的demo 走了一遍。下面是nuxt.config.js的配置
### Code
```html
const path = require('path')
const vuxLoader = require('vux-loader')
module.exports = {
/*
** Headers of the page
*/
head: {
title: 'starter',
meta: [
{ charset: 'utf-8' },
{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
{ hid: 'description', name: 'description', content: 'Nuxt.js project' }
],
link: [
{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
]
},
/*
** Global CSS
*/
css: ['~/assets/css/main.css', 'vux/src/styles/reset.less',
'vux/src/styles/1px.less'],
plugins: [
{
src: '~/plugins/vux-plugins',
ssr: false
},
{
src: '~/plugins/vux-components',
ssr: true
}
],
/*
** Add axios globally
*/
build: {
vendor: ['axios'],
extend (config, ctx) {
vuxLoader.merge(config, {
options: {
isWebpack2: true
},
plugins: [{
name: 'vux-ui'
}, {
name: 'duplicate-style'
}, {
name: 'less-theme',
path: path.join(__dirname, './styles/theme.less')
}]
})
}
/*
** Run ESLINT on save
*/
/* extend (config, ctx) {
if (ctx.isDev && ctx.isClient) {
config.module.rules.push({
enforce: 'pre',
test: /\.(js|vue)$/,
loader: 'eslint-loader',
exclude: /(node_modules)/
})
}
} */
},
babel: {
presets: ['es2015', 'stage-0'],
'plugins': ['transform-runtime']
},
loaders: [{
test: /\.vue$/,
loader: 'vue-loader'
}],
serverMiddleware: [
// API middleware
'~/api/index.js'
]
}
```
npm run dev 的时候不会报错, 挡在浏览器访问的时候会报上面的错误
### What is Expected?
希望可以帮忙解决
### What is actually happening?
是否vux 还不能支持服务端渲染
Beitragsleitfaden
Für dieses Repository ist kein Beitragsleitfaden indexiert
Bewertung
Dieses Issue wurde noch nicht bewertet.