问题标签 [raw-loader]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
vue.js - 使用 raw-loader 从每个文件夹内的文件中获取数据
我有一个示例文件结构:
在这些文件夹中的每一个(汽车和用户)中,我都有一个 config.js 文件,我在其中导出了一个带有数据的对象,例如:
问题:如何在不导入这些文件 (config.js) 的情况下访问它们。我有一个用 Vue 编写的项目。我的意思是,例如,通过 raw-loader 从 webpack 下载数据,但在其中我必须声明路径,我的意思是路径应该如下所示:../data/(every folder inside 'data' folder)/config.js
reactjs - React Typescript:从本地文本文件中读取
我在 React with Typescript 中导入和读取本地文本文件时遇到问题。我有两个问题:
- 当我尝试 console.log 来自 myFile.txt (console.log(txt)) 的内容时,我得到一个像这样的字符串:
export default "*whatever text is in myFile.txt*";
. 我试图只获取文件中的文本而不是export default
部分...... - 例如,当我尝试在换行符(txt.split('\n'))上拆分字符串时,即使字符串中有\n,它也不会拆分字符串..编辑:通过拆分来管理这个
txt.split('\\n')
相反......不知道为什么
我尝试使用模块raw-loader并像这样导入文本文件:
在我的 webpack.config.js 文件中,我包含了这个:
我有一个 .d.ts 文件,我在其中清除了模块:
任何输入都会非常有帮助!
angularjs - html-Loader 不适用于 Webpack 5 + AngularJs(适当的加载器)
我正在尝试使用html-loader + webpack 5加载 AngularJs 应用程序模板(html) 。许多人抛弃了模板缓存,偏向于 html-loader。但就我而言,我真的无法让它发挥作用。
我什至也尝试过 raw-loader、angularjs-template-loader 和 ngtemplate-loader。但是 webpack 总是抱怨 loader。
错误:“模块解析失败:意外令牌 (1:0) 您可能需要适当的加载程序来处理此文件类型,目前没有配置加载程序来处理此文件。请参阅https://webpack.js.org/concepts#loaders "
这是我的 weback.config.js:
指令:
我在上面的 webpack 配置文件中尝试了注释选项,但都导致了相同的错误。
我的 package.json:
有人面临这个问题吗?
typescript - 找不到模块 '!!raw-loader!./something.glsl' 或其对应的类型声明
我有一个使用 create-react-app --template typescript 启动的项目。我需要使用 webpack raw-loader 导入一些文件,所以我做了一个npm i -D raw-loader
. 现在我像这样导入那些:
我为 .glsl 文件以及!raw-loader!
我的项目添加了声明:
但是,我得到编译器错误:
我在这里做错了什么?
webpack - Gatsby 3.0:我怎样才能摆脱这个 yarn / webpack 解析器警告?
发生了什么
我刚刚升级了 gatsby 2 -> 3。
在引擎盖下,它现在使用 webpack 5 而不是 4,现在给出了一个突出的依赖警告,我只是无法摆脱 -raw-loader
被安装为主项目和 gatsby 的依赖项,即使它是相同的版本。
我尝试在 my 中指定纱线分辨率package.json
,如下所示:
但这似乎没有任何作用。我也试过:
完整的输出
的输出yarn why
问题
如何正确配置 gatsby 或我的 package.json 或其他任何东西来正确解决这个问题?
javascript - raw-loader 和 vue3 - 未找到依赖项
我想在我的 vue3 组件中导入一个 .md 文件作为文本。像这样
我正在使用(如您所见)raw-loader
。
我的vue.config.js
文件中也有这个:
但是当我启动我的开发服务器时,npm run serve
我得到了他的错误:
我该如何解决这个问题?先感谢您。
webpack - Webpack 5 资产模块:原始加载器与资产/源
我有一个基本的 webpack 配置:
此配置bundle.js
在index.html
使用html-webpack-plugin
. 但是,我需要一个 html 加载器,并且我使用了原始加载器。一切正常。
然后,我想使用功能资产模块。查看webpack 5 资产模块文档,似乎asset/source
是一样的raw-loader
,因此我用这种类型更改加载器(请参阅上面 webpack 配置中的注释代码)并且 index.html 的输出不是我以前的. 事实上,它似乎是由 webpack 解释的,而不是像以前那样只是原始的。
var _ = non_webpack_require ("C:\Users...\node_modules\lodash\lodash.js");module.exports = function (templateParams) { with(templateParams) {return (function(data) { var __t, __p = ''; __p += '<!doctype html>Webpack App'; return __p })();}}
查看文档html-webpack-plugin
,如果有 html 加载器,它会使用它。这意味着它asset/source
不像raw-loader
.
typescript - 如何让 ts-loader 不尝试将 .html 文件加载为打字稿?
结果是:
ts-loader-default_e3b0c44298fc1c14
我试过把raw-loader
before 和 after ts-loader
,它没有任何区别。
我也尝试过:
这也不起作用。
跟踪分辨率显示:
为什么要尝试将其加载为打字稿或 javascript?我怎么能告诉它不要那样做?
reactjs - 无法在 IconView._updateXMLContent WProofreader 读取 null 的属性(读取“getAttribute”)
CKEditor 版本是 32.0.0 我将插件 WProofreader 包含到 CKEditor5 并面临下一个问题
在我看来,webpack.config 或 raw-loader 存在一些问题。有人知道解决方案吗?
ngx-bootstrap - 找不到模块:错误:无法解析“原始加载器”
首先让我说我意识到这不是 ngx-bootstrap 的具体问题,如果有人最终能很好地帮助我,那么肯定会超出通话范围,但情况如下:
几年前,我们创建了自己的 ngx-bootstrap 内部分支,我们可以对其进行修改以满足我们的需求。总体而言,这令人惊叹,非常感谢 ngx-boostrap 团队的初步工作。现在的问题是将依赖项升级到 Angular 12,演示代码由于 raw-loader 的问题而中断......
Module not found: Error: Can't resolve 'raw-loader
以下是导致错误的代码示例:
code: require('!!raw-loader!./demos/disable-transition/accordion-disable-transition.component.ts').default
我发现文档说明 raw-loader 与 angular-cli 12.2 及更高版本不兼容,但我看到你们在该版本之上运行它。我一直在查看您的代码,试图对您所做的进行逆向工程,但无法弄清楚。没有人给我任何提示吗?
提前一百万谢谢。