npm run dev报错

今天在跑前端的时候遇到以下问题,

img


于是vue.config.js中添加了如下代码,

img


可是又报出如下错误

img


有人能帮我看一下这里是什么问题吗?怎么解决呢?

可以远程

  • 你可以参考下这个问题的回答, 看看是否对你有帮助, 链接: https://ask.csdn.net/questions/7511911
  • 这篇博客也不错, 你可以看下vue脚手架 使用npm run dev 遇到的错误问题
  • 除此之外, 这篇博客: 封装第三方组件并上传到npm中的 2. 配置vue.config.js 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  • 接下来我们要配置一下项目的配置文件,代码如下:

    module.exports = {
          pages: {
            index: {
              entry: 'src/main.js,
              template: 'public/index.html,
              filename: 'index.html
            }
          },
          css: {
            extract: false   //强制使用内联样式,这样打包出的插件样式会内置在js中,不需要单独引入
          }
        }
    

    这里是标准的vue.config.js配置。

    pages参数指定了项目的入口js文件和要使用的HTML模板。

    css参数的extract属性指定在打包时是否要生成单独的样式文件。如果将extract置为true,则项目打包后会生成单独的css文件,在引入的时候就必须同时引入这个css文件才可以,如:
    在这里插入图片描述
    当你的组件有多个主题时,这样做会比较灵活。但如果你的组件只有一套样式,就可以将该参数置为false,此时所有的样式都会被打包成内联样式,开发者在使用的时候就不需要单独引入样式文件了。这里我们暂且只提供一个主题,因此将extract置为false。