1

Al tratar de hacer el build con npm me da el siguiente error en consola:

vue-cli-service build

/ Building for production...

ERROR Failed to compile with 1 errors
11:01:12 AM

This relative module was not found:

  • ./src/main.js in multi ./src/main.js

    ERROR Build failed with errors.

Obviamente .src/main.js no existe pero sí .src/main.ts

Mi archivo de configuración de webpack (webpack.config.js):

const path = require('path')
const { VueLoaderPlugin } = require('vue-loader')
const webpack = require('webpack')
const HtmlWebpackPlugin = require('vue-html-webpack-plugin')

module.exports = {

  entry: {
    app: path.resolve(__dirname, 'src/main.ts')
  },
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'js/[name].js',
    publicPath: '/'
  },
  resolve: {
    alias: [{
      alias: '@',
      name: path.resolve(__dirname, 'src')
    }, {
      alias: 'vue$',
      name: 'vue/dist/vue.esm.js'
    }
    ],
    extensions: ['*', '.js', '.vue', '.json', '.ts']
  },

  module: {
    rules: [
      {
        test: /\.vue$/,
        use: ['vue-loader']
      },
      {
        test: /\.txt/,
        use: 'raw-loader'
      },
      {
        test: /\.js$/,
        use: 'babel-loader',
        exclude: /node_modules/
      },
      // Añadimos este loader para que TypeScript funcione dentro de nuestro componente .vue
      {
        test: /\.ts$/,
        loader: 'ts-loader',
        options: { appendTsSuffixTo: [/\.vue$/] },
        exclude: /node_modules/
      },
      {
        test: /\.css$/,
        use: [
          'vue-style-loader',
          {
            loader: 'css-loader',
            options: {
              // enable CSS Modules
              modules: true
              // customize generated class names
              // localIdentName: '[local]_[hash:base64:8]'
            }
          }
        ]
      },
      {
        test: /\.s[ca]ss$/,
        use: [
          'vue-style-loader',
          'css-loader',
          // 'sass-loader'
          {
            loader: 'sass-loader',
            // Requires sass-loader@^8.0.0
            options: {
              implementation: require('sass'),
              sassOptions: {
                fiber: require('fibers'),
                // customize generated class names
                indentedSyntax: false // optional
              }
            }
          }
        ]
      }
    ]
  },
  plugins: [
    new VueLoaderPlugin(),
    new webpack.HotModuleReplacementPlugin(),
    new HtmlWebpackPlugin({
      vue: true,
      inject: true,
      filename: 'index.html',
      template: path.join(__dirname, 'public/index.html')
    })
  ]
}

¿Qué archivo de configuración debería de modificar y cómo?

Intentos

Basado en el reporte en github primero intenté actualziar mis dependencias, y no funcionó.

1 respuesta 1

0

Si bien no hallé una forma óptima de configurarlo, si usé un workaround.

El error dice que no existe el archivo src/main.js, asimplemente cree ese archivo vacío y funcionó.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.