Refused to execute script from ‘http://localhost:3000/js/base.js‘ because its MIME type (‘text/html‘

vue项目引入本地文件报错

在vue项目中，index.html文件引入本地js文件，npm run dev启动成功，却报错，如下：

 方案一：导入 "copy-webpack-plugin": "^5.1.1"

执行命令 npm install "copy-webpack-plugin": "^5.1.1"

并在webpack.config.js文件配置

    plugins: [
        new CopyWebpackPlugin([
            {
                from: 'public/js/*.js',
                to: path.resolve(__dirname, 'dist', 'js'),
                flatten: true,
            },
            //还可以继续配置其它要拷贝的文件
        ]),
    ],

再次执行 npm run dev，启动项目试试。

方案二

写完整的路径，/public/js/base.js

原因：public 目录本来就是静态目录来的，打包的时候默认会把public的东西都复制到dist/public中

也可以解决。