Question

我意识到这个问题的答案将等同于一个班轮，但我发现自己很茫然。我正在尝试使用以下组件将matomo集成到Nuxt应用程序中：https://www.npmjs.com/package/nuxt-matomo

将模块定义放入我的nuxt.config.js文件时，我在nuxt-matomo文件中收到有关意外令牌的错误。我知道这是由于转码造成的问题

请帮忙，我对webpack并不很热，但是知道发生了什么。以下是我的nuxt文件构建部分的摘录，您可以看到我的尝试被注释掉

build: {
    extractCSS: true,
    plugins: [
    new webpack.DefinePlugin({
        "global.GENTLY": false
    })
    ],
    vendor: [
        'vuetify'
    ],
    extend(config, {
        isDev,
        isClient
   }) {
       // config.module.rules.push({
       //     test: /\.js$/,
       //     loader: 'babel-loader',
       //     include: /node_modules\/nuxt-matomo/
       // })
       if (isClient) {
           config.node = {
               electron: 'empty',
               fs: 'empty',
               net: 'empty',
               tls: 'empty',
               child_process: 'empty'
           }
       }
       if (isDev && isClient) {
           config.module.rules.push({
               enforce: 'pre',
               test: /\.(js|vue)$/,
               loader: 'eslint-loader',
               exclude: /(node_modules)/,
           })
       }
       // Check if we're in Electron and change the renderer if so
       if (process.env.hasOwnProperty('CHROME_DESKTOP') && 
           process.env.CHROME_DESKTOP === 'Electron.desktop') {
           config.target = 'electron-renderer'
       }
   }
}

丰满的输出示例

ERROR  Nuxt error
Error: ....node_modules/nuxt-matomo/lib/module.js:1
(function (exports, require, module, __filename, __dirname) { import { resolve } from 'path'
                                                                   ^
SyntaxError: Unexpected token {

在nuxt.config.js中转译ES6组件

0 个答案: