Vue.js `nuxt`vs`nuxt generate`:未定义require
我从使用Vue.js `nuxt`vs`nuxt generate`:未定义require,vue.js,vuejs2,nuxt.js,Vue.js,Vuejs2,Nuxt.js,我从使用numxt generate 未捕获引用错误:未定义require 它发生在代码的两个文件中: ``` vendor.js: e.exports=require("vue") app.js: t.exports=require("core-js/library/fn/symbol/iterator") ``` 当我使用justnumxt预览站点时,它运行良好 我遇到了一个问题,所以我正在使用webpack节点externals,我真的不明白 ``` const nodeExt
numxt generate
未捕获引用错误:未定义require
它发生在代码的两个文件中:
```
vendor.js: e.exports=require("vue")
app.js: t.exports=require("core-js/library/fn/symbol/iterator")
```
当我使用justnumxt
预览站点时,它运行良好
我遇到了一个问题,所以我正在使用webpack节点externals
,我真的不明白
```
const nodeExternals = require('webpack-node-externals');
module.exports = {
/* Headers of the page */
head: { },
css: [ ],
/* Build configuration */
build: {
extend (config, { isDev, isClient }) {
if (isDev && isClient) {
/* Run ESLint on save */
config.module.rules.push({
enforce: 'pre',
test: /\.(js|vue)$/,
loader: 'eslint-loader',
exclude: /(node_modules)/
})
} else {
// https://github.com/nuxt/nuxt.js/issues/438
config.externals = [ nodeExternals({
whitelist: ['vue-videobg']
})]
}
}
},
modules: [
'nuxt-imagemin',
['nuxt-sass-resources-loader', [
'@/node_modules/bootstrap/scss/_functions.scss',
'@/node_modules/bootstrap/scss/_variables.scss',
'@/node_modules/bootstrap/scss/mixins/_breakpoints.scss',
'@/assets/bootstrap4/_variables.scss',
'@/assets/variables.scss',
]],
['bootstrap-vue/nuxt', { css: false, }],
['@nuxtjs/google-analytics', {
id: 'UA-XXXXXXXXX-6'
}],
],
plugins: [
'plugins/bootstrap-vue.js',
'plugins/scroll.js',
{ ssr: false, src: '~/plugins/startup.js', },
{ ssr: false, src: '~/plugins/ksvuescrollmagic.js', },
],
}
```
呃,这是风滚草。我用
isServer
修复了它:
如果(isServer){
// https://github.com/nuxt/nuxt.js/issues/438
config.externals=[nodeExternals]({
白名单:['vue-videobg']
})]
}
如果使用Nuxt v.2.0,则不再鼓励使用require。
这就是2.0的变更日志:
人们会怎么做?